jquery validation插件表單驗(yàn)證的一個(gè)例子
required: "This field is required.",
remote: "Please fix this field.",
email: "Please enter a valid email address.",
url: "Please enter a valid URL.",
date: "Please enter a valid date.",
dateISO: "Please enter a valid date (ISO).",
dateDE: "Bitte geben Sie ein gültiges Datum ein.",
number: "Please enter a valid number.",
numberDE: "Bitte geben Sie eine Nummer ein.",
digits: "Please enter only digits",
creditcard: "Please enter a valid credit card number.",
equalTo: "Please enter the same value again.",
accept: "Please enter a value with a valid extension
maxlength: Please enter no more than {0} characters
minlength: Please enter at least {0} characters
rangelength: Please enter a value between {0} and {1} characters long.
range: Please enter a value between {0} and {1}.
max: Please enter a value less than or equal to {0}.
min: Please enter a value greater than or equal to {0}.
<script type="text/javascript">
$(function() {
$("#btnOk").click(function() {
$("#form1").validate({ rules: {
username: { required: true, minlength: 2 },
email: { required: true, email: true },
url: { required: true, url: true },
comment: "required"
}
});
});
});
</script>
<body>
<form id="form1" runat="server" action="" method="get">
<fieldset>
<legend>一個(gè)簡(jiǎn)單的驗(yàn)證帶驗(yàn)證評(píng)論的例子</legend>
<p>
<label for="cusername">姓名</label><em>*</em>
<input type="text" id="cusername" name="username" size="25"/>
</p>
<p>
<label for="cemail">郵件</label><em>*</em>
<input type="text" id="cemail" name="email" size="25"/>
</p>
<p>
<label for="curl">網(wǎng)址</label><em>*</em>
<input type="text" id="curl" name="url" size="25"/>
</p>
<p>
<label for="ccomment">你的評(píng)論</label><em>*</em>
<textarea id="ccomment" name="comment"cols="22"></textarea>
</p>
<p>
<%--<input type="submit" id="send" value="提交"/>--%>
<asp:Button ID="btnOk" runat="server" Text="提交" onclick="btnOk_Click"/>
</p>
</fieldset>
</form>
</body>
- jquery表單驗(yàn)證插件validation使用方法詳解
- 詳解jQuery的表單驗(yàn)證插件--Validation
- JQuery.validationEngine表單驗(yàn)證插件(推薦)
- jQuery插件Validation快速完成表單驗(yàn)證的方式
- jQuery 表單驗(yàn)證插件formValidation實(shí)現(xiàn)個(gè)性化錯(cuò)誤提示
- jquery validation驗(yàn)證身份證號(hào),護(hù)照,電話號(hào)碼,email(實(shí)例代碼)
- jQuery.Validate 使用筆記(jQuery Validation范例 )
- jQuery驗(yàn)證插件validation使用指南
- jQuery插件Validation表單驗(yàn)證詳解
相關(guān)文章
jQuery實(shí)現(xiàn)返回頂部按鈕和scroll滾動(dòng)功能[帶動(dòng)畫效果]
這篇文章主要介紹了jQuery實(shí)現(xiàn)返回頂部按鈕和scroll滾動(dòng)功能[帶動(dòng)畫效果],需要的朋友可以參考下2017-07-07基于jQuery實(shí)現(xiàn)多層次的手風(fēng)琴效果附源碼
今天我們要與大家分享一個(gè)漂亮而靈活的垂直 jQuery 手風(fēng)琴效果。其主要思想是擴(kuò)大手風(fēng)琴片上的點(diǎn)擊和顯示更多的信息。感興趣的朋友可以參考下本文2015-09-09jQuery實(shí)現(xiàn)頁(yè)面評(píng)論欄中訪客信息自動(dòng)填寫功能的方法
訪客信息自動(dòng)填寫即是利用cookie來(lái)記錄訪客第一次評(píng)論時(shí)填寫的信息,這樣以后再評(píng)論時(shí)實(shí)現(xiàn)一個(gè)自動(dòng)填寫,這里我們以WordPress為例展示jQuery實(shí)現(xiàn)頁(yè)面評(píng)論欄中訪客信息自動(dòng)填寫功能的方法:2016-05-05jQuery實(shí)現(xiàn)左右滑動(dòng)的toggle方法
下面小編就為大家分享一篇jQuery實(shí)現(xiàn)左右滑動(dòng)的toggle方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03JQuery日歷插件My97DatePicker日期范圍限制
這篇文章主要介紹了JQuery日歷插件My97DatePicker日期范圍限制的相關(guān)資料,需要的朋友可以參考下2016-01-01jQuery網(wǎng)頁(yè)定位導(dǎo)航特效實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery網(wǎng)頁(yè)定位導(dǎo)航特效實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了jQuery網(wǎng)頁(yè)定位導(dǎo)航的功能描述、原理與核心實(shí)現(xiàn)代碼,需要的朋友可以參考下2016-12-12基于jquery實(shí)現(xiàn)圖片相關(guān)操作(重繪、獲取尺寸、調(diào)整大小、縮放)
這篇文章主要介紹了基于jquery實(shí)現(xiàn)圖片相關(guān)操作,包括圖片重繪、圖片獲取尺寸、圖片調(diào)整大小、圖片縮放,感興趣的小伙伴們可以參考一下2015-12-12