jquery.validate.js valid方法及注意事项

  1)jquery.validate.js第一次调用valid方法时,即使验证出错,也会返回true,第二次验证时如果还有错误才会才会返回false。所以不要根据调用valid方法返回的结果来判断是否要进行下一步的处理,有可能出问题。

<form id="myform">
<input type="text" name="name1" required><br />
<input type="text" name="name2" required>
<br>
<button>Validate!</button>
</form>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
<script>
    window.onload = function () {
        var form = $("#myform").validate();
        $("button").click(function () {
            alert("Valid: " + form.valid());
        });
    }
</script>

jquery.validate.js valid方法及注意事项

 

jquery.validate.js valid方法及注意事项

  2)触发验证事件的按钮一定要是提交按钮,并且在表单,要不不会触发验证的事件,验证信息不会显示。如下面的代码,点击2个按钮都没效果,不会显示出错信息

<form id="myform">
<input type="text" name="name1" required><br />
<input type="text" name="name2" required><br />
<input type="button" value="提交" id="btn"/>
</form>
<br>
<button>Validate!</button>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
<script>
    window.onload = function () {
        var form = $("#myform").validate();
        $("button,#btn").click(function () {
            alert("Valid: " + form.valid());
        });
    }
</script>

 


原创文章,转载请注明出处:jquery.validate.js valid方法及注意事项
评论(0)Web开发网
阅读(6980)喜欢(0)不喜欢(0)JavaScript/Ajax