jQuery验证无法正常工作;在输入值时显示错误消息

Question

我已经编写了下面的代码，但是即使我输入字段也显示了错误消息，如果如果显示错误消息，则如何停止按钮单击。

    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.js"></script>
    <script src="js/snip.js"></script>  
    <script src="js/action.js"></script>
    <script>
    $('#reg_form').validate({
        rules:{
                FirstName:{
                required:true
                },
                Email:{
                    required:true,
                    email:true
                },
                ConfirmEmail:{
                    required:true,
                    email:true,
                    equalTo:"#Email"
                },
                code:{
                    number:true
                },
                Mobile:{
                    number:true
                }
        },
        messages:{
                FirstName:{
                    required:"Please enter your First Name"
                },
                Email:{
                    required:"Please provide an Email address",
                },
                ConfirmEmail:{
                    required:"Please provide an Email address",
                    equalTo:"Please provide same Email address"
                }
        }
    });

$('button').on('click',function(){  
    if($('#reg_form').valid()==true)
            $(this).stop();             
});
</script>

这是页面的链接

Answer 1

您正在调用$('#reg_form').validate()({...});。IE。您正在拨打validate()没有任何选项，并期望它返回一个函数，然后您立即致电，传递选项。

您只有一个错别字；您需要在validate之后删除()，以使您的选项传递到validate函数中。