jQuery Validation Plugin驗證插件手動驗證
jquery.validate是jquery旗下的一個驗證框架，借助jquery的優(yōu)勢，我們可以迅速驗證一些常見的輸入,并且可以自己擴充自己的驗證方法，并且對國際化也有很好的支持。
正常的驗證模式如下:
<form id="ff" action="xxx">
...
<input type="submit" value="提交">
</form>
[java] view plaincopy在CODE上查看代碼片派生到我的代碼片
$('#ff').validate()
這樣只要點擊提交按鈕,插件會自動進行驗證.
但是有時候我們想要點擊其它按鈕來驗證一下表單,接著根據(jù)表單的驗證結(jié)果來做剩下的事情.
查看源碼發(fā)現(xiàn)有個form()方法,這個方法就是進行驗證操作,雖然方法字面意思不太相符.
然后我們就可以這樣操作:
var validator;// 申明一個全局變量
$(function(){
validator = $('#ff').validate();// 這句話會返回一個對象
})
function add() {
var b = validator.form();// 返回一個布爾值
if(b){ // 驗證成功
// do add...
}
}
<button onclick="add()">保存</button>
如果驗證出錯了,會顯示錯誤信息,如果要清除錯誤信息可以調(diào)用validator.resetForm();方法
這樣有了validator.form()和validator.resetForm()兩個方法我們就可以靈活使用驗證插件了.
驗證字段
required –必填字段
remote – 遠程驗證
minlength – 最小長度驗證
maxlength – 最大長度驗證
rangelength – 長度范圍驗證
min – 最小值驗證
max – 最大值驗證
range – 范圍值驗證
email – 郵件地址驗證
url – URL地址驗證
date –日期驗證
dateISO –ISO 日期格式驗證
number –十進制數(shù)驗證
digits –數(shù)字驗證
creditcard – 信用卡號驗證
equalTo –和另外一個文本框的值相等驗證
- jQuery插件Validation快速完成表單驗證的方式
- jQuery Validation PlugIn的使用方法詳解
- jquery插件validation實現(xiàn)驗證身份證號等
- jquery?validation驗證電話號碼,email(實例代碼)
- ASP.NET中實現(xiàn)jQuery Validation-Engine的Ajax驗證
- ASP.NET中實現(xiàn)jQuery Validation-Engine的Ajax驗證實現(xiàn)代碼
- 修改jQuery Validation里默認的驗證方法
- jQuery.Validate 使用筆記(jQuery Validation范例 )
- jQuery 表單驗證插件formValidation實現(xiàn)個性化錯誤提示
- jQuery插件之validation插件
相關(guān)文章
這篇文章主要為大家詳細介紹了jQuery的事件處理，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
相信很多人用過jquery easyui，這個東西非常好用，界面也很美觀，你都不需要在界面上花太多的工夫，例子程序也比較完善，基本上看下例子就能很好的使用easyui了，很方便。2010-03-03
jQuery-1.9.1源碼分析系列（十）事件系統(tǒng)之事件體系結(jié)構(gòu)
這篇文章主要介紹了jQuery-1.9.1源碼分析系列（十）事件系統(tǒng)之事件體系結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了jQuery.Ajax()的data參數(shù)類型詳解,需要的朋友可以參考下2017-07-07
jQuery Ajax方法調(diào)用 Asp.Net WebService 的詳細實例代碼
我在這里將jQuery Ajax 調(diào)用Aspx.Net WebService 的幾個常用的方法做了一個整理，提供給正在找這方面內(nèi)容的博友，希望能給學(xué)習(xí)jQuery的朋友一點幫助，可以直接復(fù)制代碼運行。2011-04-04
jQuery validate 中文API 附validate.js中文api手冊
jQuery validate 中文API 附validate.js中文api手冊2010-07-07
jquery radio 操作代碼，需要的朋友可以參考下。2011-03-03
jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格使用說明，需要的朋友可以參考下。2011-11-11
升級到j(luò)Query?3.6.1遇見的一些坑以及應(yīng)對辦法
Jquery低版本存在安全漏洞,所以需要升級版本,下面這篇文章主要給大家介紹了關(guān)于升級到j(luò)Query?3.6.1遇見的一些坑以及應(yīng)對辦法的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06
jQuery圖片特效插件Revealing實現(xiàn)拉伸放大
本文給大家分享的是jQuery圖片展示效果，使用的是jQuery Revealing插件，不點擊的情況下，圖片整齊排列成一行，當任意一個圖片縮略圖被點擊的時候，該圖片就放大顯示，當點擊關(guān)閉按鈕時圖片又重新還原了縮略圖模式。2015-04-04