jquery validate的基本使用

API地址：

http://jqueryvalidation.org/documentation/

使用范例

<script type="text/javascript">
$(function(){
	//处理错误标签的包含等等内容
	jQuery.validator.setDefaults({
	    errorPlacement: function(label, element) {
		    //错误最外层标签添加的样式
	        label.addClass('tips');
	        label.insertAfter(element);
	    },
	    //错误最外层标签
	    wrapper: 'section',
	    //错误的标签
	    errorElement:'p',
	});
	//添加额外的方法验证是不是默认值
	jQuery.validator.addMethod("notEqual", function(value, element, param) {
		return value!=param;
	}, "请输入机构全称");
	//表单的验证
	$("#registerForm").validate({
		rules: {
			'Agency[email]': {
                "required":true,
                "email":true,
                "remote": "<?php echo baseCreatUrl($this->createUrl('agency/checkEmail'));?>"
           },
			'Agency[name]': {
				"required":true,
				"notEqual":"请参考机构\\品牌的全称",
			},
			'Agency[password]': {
				"required":true,
				"minlength":6,
			},
			'Agency[repassword]': {
				"required":true,
				"minlength":6,
				"equalTo":"#password",
			},
		},
		messages: {
			'Agency[email]':{
                "required":"请输入你的经常使用邮箱，不要使用私人邮箱做为机构用户的注册邮箱",
                "email":"请输入正确格式的邮箱",
                "remote":"此邮箱已经被人注册，请使用其余邮箱",
           }, 
			'Agency[name]': {
				"required":"请填写机构\\品牌的全称或者无歧义简称，可输入4-30位，包含英文、数字和中文",
				"notEqual":"请填写机构\\品牌的全称",
			},
			'Agency[password]': {
				"required":"请输入密码",
				"minlength":"6-16个数字、字母和经常使用符号组成，区分大小写",
			},
			'Agency[repassword]': {
				"required":"请再次输入密码",
				"equalTo":"两次输入密码必须一致",
				"minlength":"6-16个数字、字母和经常使用符号组成，区分大小写",
			},
		},
		submitHandler: function(form) {
			$(form).find(":submit").attr("disabled", true);
			form.submit();
		}
	});
});
</script>

 

http://congcong.us Edison Home-欢迎光临个人新博客