Question

我正在使用Google Phone验证库来检查数字是否对AJAX调用有效。如果号码无效，我需要以下功能来阻止表格提交。

目前它阻止表单正确提交，但表单在返回true时不提交。真实语句中的警报确实发生，但表单仍未提交。我错过了什么？

$(document).ready(function(){
$('form#sellerForm').submit(validatePhoneNumber);
});

function validatePhoneNumber() {
var output = null;
var phoneNumber = $('#phone').val();
var node = document.getElementById('phoneOutput');
var country = $('#country').val();
if(country == -1){
  output = translateNoCountry();
  node.innerHTML = output;
  event.preventDefault();
  return false;
}
if(output == null){
  //AJAX to get country code from country for var regionCode;
  $.ajax({ type: "POST", 
    url: '/ajax/validate_phone.php', 
    data: {country: country},
    cache: false, 
    success: function(result) {
    var regionCode = jQuery.parseJSON(result);
      try {
        var phoneUtil = i18n.phonenumbers.PhoneNumberUtil.getInstance();
        var number = phoneUtil.parseAndKeepRawInput(phoneNumber, regionCode);
        var isNumberValid = phoneUtil.isValidNumber(number);
        if(!isNumberValid){//invalid number
            output = translateInvalidePhone();
        }
      } catch (e) {
        output = translateInvalidePhone();
      }
    if(output != null){
        node.innerHTML = output;
        event.preventDefault();
        return false;
    }else{
        alert('Hello world');
        return true;
    }
}
});
event.preventDefault();
return false;
}
}

Answer 1

有什么用途，

event.preventDefault();
return false;

在最后一行。我认为这可能是问题。

Answer 2

不要使用event.preventDefault（）;在您的validatePhoneNumber（）函数的最后一个

它会阻止所有默认回发

在AJAX调用返回true后，表单不提交

2 个答案: