jQuery教學－jQuery.validate萬用表單驗證元件直接套用

外掛名稱：jQuery.validate
外掛版本：1.6
官網下載：http://jquery.bassistance.de/

<script src=“js/jquery.js” type=“text/javascript”></script>
<script src=“js/jquery.validate.js” type=“text/javascript”></script>
<script src=“js/cmxforms.js” type=“text/javascript”></script>
<script type=“text/javascript”>
$(function(){
//須與form表單ID名稱相同
$(“#commentForm”).validate();
});
</script>

<form class=“cmxform” id=“commentForm” method=“post” action=“javascript:alert(‘完成’);”>
<fieldset>
<legend>　星號為必填欄位　</legend>
<p>
<label for=“cname”>姓名()</label>
<input id=“cname” name=“name” class=“required” minlength=“2” />
<p>
<label for=“cemail”>Email()</label>
<input id=“cemail” name=“email” class=“required email” />
</p>
<p>
<label for=“curl”>URL</label>
<input id=“curl” name=“url” class=“url” value=“” />
</p>
<p>
<label for=“phone”>聯絡電話</label>
<input id=“phone” name=“phone” class=“digits” value=“” />
</p>
<p>
<label for=“ccomment”>回應 (*)</label>
<textarea id=“ccomment” name=“comment” class=“required”></textarea>
</p>
<p>
<input class=“submit” type=“submit” value=“送出”/>
</p>
</fieldset>
</form>

required：必填欄位
email：格式要符合E-Mail格式
url：格式要符合網址格式，如：http://www.minwt.com
number：數字格包含小數點
digits：數字為正整數
date：日期格式
dateISO：日期格式，格式必需為YYYY/MM/DD、YYYY-MM-DD、YYYYMMDD
equalTo：與某一欄位值相同
minValue：最小字元長度
maxValue：最大字元長度
rangeValue：字元長度區間長度
minLength：最小字元長度(漢字算一個字符)
maxLength：最大字元長度(漢字算一個字符)
rangeLength：字元長度區間長度(漢字算一個字符)