jQuery Validation Plugin验证插件手动验证

jQuery Validation Plugin官网:http://jqueryvalidation.org/

正常的验证模式如下:

<form id="ff" action="xxx">
...
<input type="submit" value="提交">
</form>

$('#ff').validate()

这样只要点击提交按钮,插件会自动进行验证.

但是有时候我们想要点击其它按钮来验证一下表单,接着根据表单的验证结果来做剩下的事情.

查看源码发现有个form()方法,这个方法就是进行验证操作,虽然方法字面意思不太相符.

然后我们就可以这样操作:

var validator;// 申明一个全局变量
$(function(){
	validator = $('#ff').validate();// 这句话会返回一个对象
})

function add() {
	var b = validator.form();// 返回一个布尔值
	if(b){ // 验证成功
	// do add...
	}
}

<button οnclick="add()">保存</button>

如果验证出错了,会显示错误信息,如果要清除错误信息可以调用validator.resetForm();方法

这样有了validator.form()和validator.resetForm()两个方法我们就可以灵活使用验证插件了.