jquery內(nèi)置驗(yàn)證(validate)使用方法示例(表單驗(yàn)證)
更新時(shí)間：2013年12月04日 16:42:52 作者：
這篇文章主要介紹了jquery內(nèi)置驗(yàn)證(validate)使用方法示例,在做表單驗(yàn)證的時(shí)候可以用到，下面看代碼使用方法
(1)required:true 必輸字段
(2)remote:"check.php" 使用ajax方法調(diào)用check.php驗(yàn)證輸入值
(3)email:true 必須輸入正確格式的電子郵件
(4)url:true 必須輸入正確格式的網(wǎng)址
(5)date:true 必須輸入正確格式的日期
(6)dateISO:true 必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗(yàn)證格式，不驗(yàn)證有效性
(7)number:true 必須輸入合法的數(shù)字(負(fù)數(shù)，小數(shù))
(8)digits:true 必須輸入整數(shù)
(9)creditcard: 必須輸入合法的信用卡號(hào)
(10)equalTo:"#field" 輸入值必須和#field相同
(11)accept: 輸入擁有合法后綴名的字符串（上傳文件的后綴）
(12)maxlength:5 輸入長度最多是5的字符串(漢字算一個(gè)字符)
(13)minlength:10 輸入長度最小是10的字符串(漢字算一個(gè)字符)
(14)rangelength:[5,10] 輸入長度必須介于 5 和 10 之間的字符串")(漢字算一個(gè)字符)
(15)range:[5,10] 輸入值必須介于 5 和 10 之間
(16)max:5 輸入值不能大于5
(17)min:10 輸入值不能小于10
實(shí)例Demo：
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>validate.js內(nèi)置驗(yàn)證規(guī)則的使用</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
</head>
<body>
<form action="" method="get" id="tinyphp">
<input type="text" value="" name="userName" />
<input type="submit" value="提交" />
</form>
<script type="text/javascript">
$("#tinyphp").validate({
// 添加驗(yàn)證規(guī)則
rules: {
userName:{
required: true,
digits:true,
userName: true,
rangelength: [5,10]
}
},
//重設(shè)提示信息
messages:{
userName: {
required: "請(qǐng)?zhí)顚懹脩裘?,
digits:"請(qǐng)輸入整數(shù)",
rangelength: "用戶名必須在5-10個(gè)字符之間"
}
}
});
</script>
</body>
</html>
您可能感興趣的文章:
- jQuery.Validate表單驗(yàn)證插件的使用示例詳解
- jQuery插件Validate實(shí)現(xiàn)自定義表單驗(yàn)證
- jquery validate.js表單驗(yàn)證入門實(shí)例（附源碼）
- jquery validate和jquery form 插件組合實(shí)現(xiàn)驗(yàn)證表單后AJAX提交
- 基于Bootstrap+jQuery.validate實(shí)現(xiàn)Form表單驗(yàn)證
- 使用jQuery validate 驗(yàn)證注冊(cè)表單實(shí)例演示
- jquery validate.js表單驗(yàn)證的基本用法入門
- jQuery Validate表單驗(yàn)證插件的基本使用方法及功能拓展
相關(guān)文章
這篇文章主要介紹了jQuery中:disabled選擇器用法,實(shí)例分析了:disabled選擇器功能、定義及選取所有禁用的表單元素的技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了到底該拋不拋棄JQuery，對(duì)JS框架感興趣的同學(xué)，可以參考下2021-05-05
本文給大家分享最常用的jquery表單驗(yàn)證實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-05-05
圖片放大在某些例如商品細(xì)節(jié)放大圖比較常見，本文寫了一個(gè)圖片放大的示例適合日常應(yīng)付，有需求的朋友可以參考下2013-08-08
瀑布流就是像瀑布一樣的網(wǎng)站——豐富的網(wǎng)站內(nèi)容，特別是絢美的圖片會(huì)讓你流連忘返。你在瀏覽網(wǎng)站的時(shí)候只需要輕輕滑動(dòng)一下鼠標(biāo)滾輪，一切的美妙的圖片精彩便可呈現(xiàn)在你面前。瀑布流網(wǎng)站是新興的一種網(wǎng)站模式——她的典型代表是pinterest、美麗說、蘑菇街這類型的網(wǎng)站。2016-01-01
javascript中用星號(hào)表示預(yù)錄入內(nèi)容的實(shí)現(xiàn)代碼
在一個(gè)WEB項(xiàng)目中，有一個(gè)比較特殊點(diǎn)的文本框客戶要求實(shí)現(xiàn)在那個(gè)文本框錄入數(shù)據(jù)前先用星號(hào)（*）表示要錄入的信息（那個(gè)文本框要錄入的數(shù)據(jù)位數(shù)是已知的2011-01-01
JQuery實(shí)現(xiàn)的文字列表一條一條向上滾動(dòng)的效果2013-11-11
HTML Form 表單里的各種組件，例如文本輸入框，textarea，按鈕等，都可以通過CSS或其它技術(shù)進(jìn)行美化，讓它們看起來很漂亮了，唯獨(dú)下拉列表選項(xiàng)框(select box),不管你怎么做，它擺在那里總顯得格格不入。2011-08-08
jQuery函數(shù)的等價(jià)原生函數(shù)代碼示例
原生方法明顯要比jQuery方法快，因?yàn)閖Query方法要處理瀏覽器兼容以及其他一些事情，如果你針對(duì)的是現(xiàn)代瀏覽器，那么使用原生方法會(huì)使性能有很大的提升2013-05-05
這篇文章主要介紹了jQuery中:hidden選擇器用法,以實(shí)例形式較為詳細(xì)的分析了:hidden選擇器的功能、定義及設(shè)置匹配元素不可見時(shí)的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12