使用 AJAX 和 jQuery 验证提交了值

Question

我正在尝试检查电子邮件值是否存在，因此在验证工作之后，我使用 ajax 检查电子邮件值。如果电子邮件存在，则应该有警报，并且无法提交表单。但是，即使电子邮件值存在于我的表中，表单也会保持提交。这是脚本

$('#myForm').validate({
    rules: {
        email: {
            required: true,
            email: true
            }, 
        submitHandler : function(){
            var email = $("#email").val();
            $.ajax({ 
            url:"<?=base_url('akun/emailcheck');?>",
            type:"POST",
            dataType:"JSON",
            data:"email"+email,
            success: function(responeData){
                if(data==0){
                    alert('true');
                }
                else{
                    alert('false');
                }
            },
            error: function(data){
                    alert('error');
            }   
            });
        }
    }

Answer 1

submitHandler不是规则，而是它自己的选择

$('#myForm').validate({
  rules: {
    email: {
      required: true,
      email: true
    }
  },
  submitHandler: function(form) {
    var email = $("#email").val();
    $.ajax({
      url: "<?=base_url('akun/emailcheck');?>",
      type: "POST",
      dataType: "JSON",
      data: {email : email},
      success: function(responseData) {
        if (responseData == 0) { // note that you're expecting JSON, not an integer ?
          alert('true');
          // form.submit();  <-- WILL SUBMIT FORM
        } else {
          alert('false');
        }
      },
      error: function(data) {
        alert('error');
      }
    });
  }
});