jQUery validateプラグインの使用
2365 ワード
まずjQueryのvalidateプラグインをダウンロードします
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}の値を入力してください」)
$("#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}の値を入力してください」)