javascript - 使用 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');
      }
    });
  }
});