如何在验证中收到错误消息时停止导航？

Question

我在Onblur时检查了验证。 当我单击提交按钮时，如何检查字段是否收到错误消息？ 表单ID是“个人”。 我在onblur上使用了以下代码进行验证。

jQuery('document').ready(function(){
    jQuery('input').keypress(function( e ) {
        if(e.which === 32) 
            return false;
    });
    jQuery('#personal').validate({
        onkeyup: false,
        rules: {
            Fname: {
                // customRule: true,
                required: true,
                minlength: 3 // for demo
            },
            Uname: {
                // customRule: true,
                required: true,
                minlength: 6 // for demo
            },

            email: {
                required: true,
                email: true,
                minlength: 6 // for demo
            }, 
            password: {
                required: true,
                minlength: 6
            },
            confirmpassword: {
                required: true,
                equalTo: "#password1"
            }          
        }
    });

    jQuery('#personal').validate({        
        submitHandler: function(form) {
            if (jQuery('#personal').valid()) {
                //form.submit(); // commented out for demo
                alert('submitted'); // for demo
                return false; // for demo
            }
        },
        errorPlacement: function(error, element) {
            jQuery('#personal').valid(); // force validation on first form when this form has error
            error.insertAfter(element); // default placement
            return false;
        }
    });

Answer 1

验证失败时，jquery.validate() methods adds an error class to each form element whose validation is unsuccessful.So you simply check whether the class“错误”是否存在。

Answer 2

在提交功能中，您可以查看：

if (!$('#personal').valid()) {
  return;
}

valid()方法返回true或false。它可以validate。