jQUery validateプラグインの使用

2365 ワード

まずjQueryのvalidateプラグインをダウンロードします
$("#reg").validate({
		
		wrapper:'p',//           */
		rules:{
			user:{
				required: true,//  
				minlength:3,//       
				remote:{//        
					type:'POST',
					url:'onlyuser',
				},
			},
			pass:{
				required: true,
				minlength:6,
			},
			email:{
				required: true,
				email:true,//email     
			},
		},
		messages:{
			user:{
				required: '      ',
				minlength:'       {0} ',
				remote:'      ',
			},
			pass:{
				required: '     ',
				minlength:'       {0} ',
			},
			email:{
				required: '       ',
				email:'          ',
			},
		},
		//          
		highlight: function(element,errorClass){
			$(element).css('border','1px solid red');
		},
		//          
		unhighlight: function(element,errorClass){
			$(element).css('border','1px solid #ccc');
		},
		//     ,          SUBMIT,   AJAX     
		submitHandler: function(form){
			var username=$("#reg_user").val();
			$(form).ajaxSubmit({
				
				url: "reg",
				type: 'post',
				
				success: function(responseText,statusText){
					/*alert(statusText);*/
					$("#reg").dialog('close');
					$("#loading").dialog('open');
					$("#reg").resetForm();
					
					//  cookie
					$.cookie('user',username);
					setTimeout(function(){
						$("#loading").dialog('close');
						$("#reg_a,#log_a").hide();
						$("#user,#quit").show();
						$("#user").html($.cookie('user'));
						
					},1000);	
				},
				
			});
		},
	});

required:「必須フィールド」
remote:「このフィールドを修正してください」
Email:「正しい形式の電子メールを入力してください」
url:「合法的なURLを入力してください」
date:「合法的な日付を入力してください」
DateISO:「正当な日付(ISO)を入力してください.」       
number:「合法的な数字を入力してください」
digits:「整数しか入力できません」
creditcard:「合法的なクレジットカード番号を入力してください」
equalTo:「同じ値をもう一度入力してください」
accept:「合法的な接尾辞名を持つ文字列を入力してください」
maxlength: jQuery.format(「最大{0}の文字列を入力してください」)、
minlength: jQuery.format(「最小長さ{0}の文字列を入力してください」)、
rangelength: jQuery.format(「{0}と{1}の長さの文字列を入力してください」)、
range: jQuery.format(「{0}と{1}の間の値を入力してください」)、
max: jQuery.format(「最大{0}の値を入力してください」)、
min: jQuery.format(「最小{0}の値を入力してください」)