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-歡迎光臨個人新博客