Jqueryの検証jquery.validate.js

3068 ワード

デフォルトの検証情報は英語で、中国語に変更するには、js:jqueryを導入する必要があります.validate.messages_cn.js
コードは(デフォルトのプロンプト)です.
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