1、jquery.validate不用submit提交,用js提交的,怎麼觸發驗證啊?
用 button.click提交。
舉例如下:
$("#form").validate();
$("#btn).click(function(){
if($("#form").valid()){
$("#form").submit();
}
});
jQuery Validate 插件為表單提供了強大的驗證功能,讓客戶端表單驗證變得更簡單,同時提供了大量的定製選項,滿足應用程序各種需求。
該插件捆綁了一套有用的驗證方法,包括 URL 和電子郵件驗證,同時提供了一個用來編寫用戶自定義方法的 API。所有的捆綁方法默認使用英語作為錯誤信息,且已翻譯成其他 37 種語言。
(1)jqueryvalidate域名擴展資料
query-validate 插件
基本用法:
1、頁面中引入js依賴,因為validate是依賴jquery的需要先引入jquery。
2、表單校驗,首先得有一個表單,即form標簽,然後由於瀏覽器是通過name屬性來提交表單數據的,所以需要給校驗的控制項都加上name屬性。
rules里每個控制項可以給多個驗證方式,常用的有:
1、required 必填驗證元素。
2、minlength(length) maxlength(length)。
3、rangelength(range)設置最小長度、最大長度和長度范圍 [min,max]。
4、min(value) max(value) range(range) 設置最大值、最小值和值的范圍。
5、email() 驗證電子郵箱格式。
2、要求用jquery validate.js擴展方法實現 校驗用戶名,規則如下
^var lenReg = /^copy.{8,26}$/;
var upperReg = /[A-Z]/;
var lowerReg = /[a-z]/;
var numReg = /[0-9]/;
var reg = /[(_)(:)(@)(\,)(\.)(\?)(\$)(\%)(\^)(\~)(\()(\))(\[)(\])]/;//節省時間省略幾個特殊符號
function test(value){
var t = 0;
if(!lenReg.test(value)){return false;}
if(upperReg.test(value)){t++}
if(lowerReg.test(value)){t++}
if(numReg.test(value)){t++}
if(reg.test(value)){t++}
if(t>=3){
return true;
}
return false;
}
3、jQuery Validate插件中用equalTo驗證表單一致出問題
你把兩個input的id給它加上就行行了,它這里的相同用的是id來驗證內
<tr>
<td>密碼容:</td>
<td>
<input type="text" id="password" name="password" required="true"/>
</td>
</tr>
<tr>
<td>確認密碼:</td>
<td>
<input type="text" required="true" id="repassword" equalTo:"#password"/>
</td>
</tr>
4、jquery.validate 怎樣判斷是否驗證成功
var cb = $("#userForm").validate().form();
if(!cb){
return;
}
5、jquery.validate怎麼判斷驗證通過就跳轉頁面
//表單驗證
if(!$("#userForm").form('validate'))
{
return;
}
//其他代碼
//提交後台,可以用
$.ajax({
url:_url, //後台url地址(服務地址)
type:'POST',
dataType:'json',
timeout:20000,
data:_requestData, //參數
success:function(_jsonData) {//後台返回調用結果
if (_jsonData.result == false) {
$.messager.alert('錯誤', _jsonData.message, 'error');
} else {
_success(_jsonData.data);
}
},
error:function(xhr) {//ajax狀態
if(xhr.statusText == 'timeout'){
$.messager.alert('錯誤', '請求超時', 'error');
}else if(xhr.status == "12029"){
$.messager.alert('錯誤', '伺服器連接失敗...', 'error');
}else{
$.messager.alert('錯誤', xhr.status + ' ' + xhr.statusText, 'error');
}
}
});
希望能夠幫到你!
6、jquery validate 中日期驗證的問題
js內容
<script type="text/javascript">
jQuery.validator.addMethod("isDate", function(value, element){
var ereg = /^(\d{1,4})(-|\/)(\d{1,2})(-|\/)(\d{1,2})$/;
var r = value.match(ereg);
if (r == null) {
return false;
}
var d = new Date(r[1], r[3] - 1, r[5]);
var result = (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[5]);
return this.optional(element) || (result);
}, "請輸入正確的日期");
</script>
驗證: isDate:true
可以驗回證 2011-07-07和2011/07/07兩種短橫線和斜杠答格式的...
7、jquery validate如何使用
一、使用Jquery.Validate進行驗證方法
$(document).ready(function () {
$("#pageForm").validate({
rules: {
DictKey: { required: true, maxlength: 10 },
DictContent: { required: true, maxlength: 10 }
},
messages: {
DictKey: { required: "不能為空", maxlength: jQuery.format("不能超過{0}個字元") },
DictContent: { required: "不能為空", maxlength: jQuery.format("不能超過{0}個字元") }
},
submitHandler: function (form) {
form.submit();
}
})
})
DictKey ,DictContent:指需要驗證的控制項ID
submitHandler :指通過驗證後運行的函數,裡面寫入表單要提交的函數,否則表單不會提交
二、列出常用默認驗證規則
(1)required:true 必輸欄位
(2)email:true 必須輸入正確格式的電子郵件
(3)url:true 必須輸入正確格式的網址
(4)date:true 必須輸入正確格式的日期
(5)dateISO:true 必須輸入正確格式的日期(ISO),例如:2009-06-23,1998/01/22 只驗證格式,不驗證有效性
(6)number:true 必須輸入合法的數字(負數,小數)
(7)digits:true 必須輸入整數
(8)creditcard: 必須輸入合法的信用卡號
(9)equalTo:"#field" 輸入值必須和#field相同
(10)accept: 輸入擁有合法後綴名的字元串(上傳文件的後綴)
(11)maxlength:5 輸入長度最多是5的字元串(漢字算一個字元)
(12)minlength:10 輸入長度最小是10的字元串(漢字算一個字元)
(13)rangelength:[5,10] 輸入長度必須介於 5 和 10 之間的字元串")(漢字算一個字元)
(14) equalLength:10 輸入長度必須是10
(14)range:[5,10] 輸入值必須介於 5 和 10 之間
(15)max:5 輸入值不能大於5
(16)min:10 輸入值不能小於10
三、使用ajax方法驗證輸入值是否存在
當文本框輸入值時,或改變輸入值時會自動到Server去驗證輸入值是否在資料庫中存在
JS代碼如下:
DictKey: { required: true, maxlength: 10,
remote: { //驗證用戶名是否存在
type: "POST",
url: '@Url.Content("~/Account/Test/")' //servlet
}
},
DictKey: { required: "不能為空", maxlength: jQuery.format("不能超過{0}個字元"),remote:"用戶名已被注冊"},
Server端:
[HttpPost]
public JsonResult Test(string DictKey) //DictKey即要驗證控制項的ID值
{
bool result;
if (DictKey == "a")
{
result = true;
}
else
{
result = false;
}
return Json(result);
}
根據Server端返回的True,False來決定驗證是否通過
四、非submit按鈕結合Jquery.Form進行提交
如果不是submit提交按鈕,比如單擊某個按鈕觸發表單驗證,這時表單驗證可用如下方式
function validateForm() {
//validate方法參數可選
return $("#form1").validate({
rules: {
},
messages:{
}
}).form();
}
function doSubmit(){
//do other things
//驗證通過後提交
if(validateForm()){
form.submit()
//這邊可以結合Jquery.Form進行AjaxSubmit方式非同步提交
$("#UpdateForm").AjaxSubmit (function(){
Alert(「AjaxForm提交完成」)
});
}
}
詳細參考:http://blog.csdn.net/nmvbliy/article/details/8225945
8、如何給動態添加的form綁定jQuery.validate.js驗證
動態添加的form綁定jQuery.validate.js驗證方法:
//動態版表單驗權證
$(document).ajaxComplete(function () {
$.validator.unobtrusive.parse(document);
});
9、jqueryvalidate驗證name
可以動態地增加/移動驗證規則
rules( "add", rules ) Returns: Options
Adds the specified rules and returns all rules for the first matched element. Requires that the parent form is validated, that is, $("form").validate() is called first.
增加驗證規則
rules( "remove", rules ) Returns: Options
Removes the specified rules and returns all rules for the first matched element.
移除驗證規則
參考官方的API吧:http://docs.jquery.com/Plugins/Validation
10、jquery validate驗證添加哪些js
由於validate基於jQ,所以應當先引入jquery庫,完整的引入:
<script type="text/javascript" src="../libs/jquery.js"></script>說明:jquery.validate.min.js為驗證的主文件版,language.validate.js為message漢化權(警告提示)文件