javascript - 首先验证表单然后进行ajax调用

Question

我正在使用 jquery 验证插件来验证我的表单。但仍有一些字段需要自定义验证。

奇怪的是。提交时，首先检查我的选择框验证，如果可以的话，然后所有字段都会因为 $.validate(); 而变成红色。如果没有填写任何内容，但仍然继续进行ajax调用......这是为什么？

我也在使用这个插件:http://formvalidator.net/#configuration我已经尝试过回调，但由于某种原因它仍然没有返回 false 并继续使用 ajax。

$( "#registration-form" ).submit(function( event ) {
event.preventDefault();

    $.validate();

    //Check dropdown
    if(document.getElementById('foodassoonas').selectedIndex == 0)
    {
    $('#dateerrormsg').html('not ok');
    $("#foodassoonas").css({"border":"1px solid red"});
    return false;
    }


    $.post(jssitebaseUrl+'/ajaxFile.php',{'contactemail':contactemail,'action':'checkOrderEmailId'}, function(output){

        alert(output);
        if(output == 'already' && contactpassword !=""){
            $("#createUserError").addClass('errClass1 margin0');

            $("#createUserError").html('not ok');
            $("#createUserError").show();
            return false;
        }else if(output == 'gotopayment' || (output == 'already' && contactpassword =="")){
            document.checkoutform.submit();
        }
        return false;
    });


return false;
});

Answer 1

试试这个

 $.validate({
        onError : function() {
      alert('Validation failed');
      return false;
    }
});