jQuery的validate插件的一些使用说明

基本使用

• validate 代码以下

$(document).ready(function(){
	$("#form1").validate({
		rules: {
			username: { required: true, minlength: 6},
			password: { required: true, minlength: 6}
		},
		messages: {
			username: { required: "必填", minlength: $.validator.format("不得少于{0}字符.")},
			password: { required: "必填", minlength: $.validator.format("不得少于{0}字符.")}
		},
        errorPlacement: function(error, element) {
            element.after(error);
		},
		success: function(label) {
			alert("success");
		},
		submitHandler: function(form) {
			alert("submit");
			form.submit(); //没有这一句表单不会提交
		}
	});
});

• 上面代码中的 username 和 password 必须对应 HTML 中验证字段的 name 属性，id 是不行的

属性分析

• rules 和 messages 用于定义字段的验证规则和提示信息

• success，每一个字段验证经过后执行的操做，当表单元素验证成功时执行，对于同一个表单元素，因为onkeyup、onfocusout、onsubmit等事件都会触发验证，因此本方法可能会屡次执行

• submitHandler，当表单验证成功并提交时执行，存在此方法时表单只能在此方法内部执行form.submit()才能提交，可理解成它替代了表单的onsubmit方法

• errorPlacement，用于将每一个字段的错误提示追加到后面

参考

• jQuery Validate