Jqueryの検証jquery.validate.js
3068 ワード
デフォルトの検証情報は英語で、中国語に変更するには、js:jqueryを導入する必要があります.validate.messages_cn.js
コードは(デフォルトのプロンプト)です.
必要に応じて次の3つを導入します.
最も一般的な方法:
名前フィールドで検証情報を関連付けます.
jqueryコード:
1
コードは(デフォルトのプロンプト)です.
jQuery.extend(jQuery.validator.messages, {
required: " ",
remote: " ",
email: " ",
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} ")
});
必要に応じて次の3つを導入します.
<script src="js/jquery-1.3.1.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<script src="js/jquery.validate.messages_cn.js" type="text/javascript"</script>
最も一般的な方法:
名前フィールドで検証情報を関連付けます.
<form class="cmxform" id="commentForm" method="get" action="JsonTest.action">
<fieldset>
<legend> </legend>
<p>
<label for="cusername"> </label>
<em>*</em><input id="cusername" name="username" size="25" />
</p>
<p>
<label for="cemail"> </label>
<em>*</em><input id="cemail" name="email" size="25" />
</p>
<p>
<label for="curl"> </label>
<em> </em><input id="curl" name="url" size="25" value="" />
</p>
<p>
<label for="ccomment"> </label>
<em>*</em><textarea id="ccomment" name="comment" cols="22"></textarea>
</p>
<p>
<input class="submit" type="submit" value=" "/>
</p>
</fieldset>
</form>
jqueryコード:
$(document).ready(function(){
$("#commentForm").validate({
rules: {
username: {
required: true,
minlength: 2
},
email: {
required: true,
email: true
},
url:"url",
comment: "required"
}
});
});
</script>
1