jsvalidate

『壹』 jquery validate js怎麼用的

jquery.validate.js是jquery下的一個驗證插件，功能比較強大

1、默認校驗規則

(1)required:true 必輸欄位
(2)remote:"check.php" 使用ajax方法調用check.php驗證輸入值
(3)email:true 必須輸入正確格式的電子郵件
(4)url:true 必須輸入正確格式的網址
(5)date:true 必須輸入正確格式的日期
(6)dateISO:true 必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗證格式，不驗證有效性
(7)number:true 必須輸入合法的數字(負數，小數)
(8)digits:true 必須輸入整數
(9)creditcard: 必須輸入合法的信用卡號
(10)equalTo:"#field" 輸入值必須和#field相同
(11)accept: 輸入擁有合法後綴名的字元串（上傳文件的後綴）
(12)maxlength:5 輸入長度最多是5的字元串(漢字算一個字元)
(13)minlength:10 輸入長度最小是10的字元串(漢字算一個字元)
(14)rangelength:[5,10] 輸入長度必須介於 5 和 10 之間的字元串")(漢字算一個字元)
(15)range:[5,10] 輸入值必須介於 5 和 10 之間
(16)max:5 輸入值不能大於5
(17)min:10 輸入值不能小於10

2、默認的提示

messages:{
required:"Thisfieldisrequired.",
remote:"Pleasefixthisfield.",
email:"Pleaseenteravalidemailaddress.",
url:"PleaseenteravalidURL.",
date:"Pleaseenteravaliddate.",
dateISO:"Pleaseenteravaliddate(ISO).",
dateDE:"BittegebenSieeing眉ltigesDatumein.",
number:"Pleaseenteravalidnumber.",
numberDE:"BittegebenSieeineNummerein.",
digits:"Pleaseenteronlydigits",
creditcard:".",
equalTo:"Pleaseenterthesamevalueagain.",
accept:".",
maxlength:$.validator.format("Pleaseenternomorethan{0}characters."),
minlength:$.validator.format("Pleaseenteratleast{0}characters."),
rangelength:$.validator.format("Pleaseenteravaluebetween{0}and{1}characterslong."),
range:$.validator.format("Pleaseenteravaluebetween{0}and{1}."),
max:$.validator.format("{0}."),
min:$.validator.format("{0}.")
},

如需要修改，可在js代碼中加入：

jQuery.extend(jQuery.validator.messages,{
required:"必選欄位",
remote:"請修正該欄位",
email:"請輸入正確格式的電子郵件",
url:"請輸入合法的網址",
date:"請輸入合法的日期",
dateISO:"請輸入合法的日期(ISO).",
number:"請輸入合法的數字",
digits:"只能輸入整數",
creditcard:"請輸入合法的信用卡號",
equalTo:"請再次輸入相同的值",
accept:"請輸入擁有合法後綴名的字元串",
maxlength:jQuery.validator.format("請輸入一個長度最多是{0}的字元串"),
minlength:jQuery.validator.format("請輸入一個長度最少是{0}的字元串"),
rangelength:jQuery.validator.format("請輸入一個長度介於{0}和{1}之間的字元串"),
range:jQuery.validator.format("請輸入一個介於{0}和{1}之間的值"),
max:jQuery.validator.format("請輸入一個最大為{0}的值"),
min:jQuery.validator.format("請輸入一個最小為{0}的值")
});

3、使用方法

1）將校驗規則寫到控制項中

<scriptsrc="../js/jquery.js"type="text/javascript"></script>
<scriptsrc="../js/jquery.validate.js"type="text/javascript"></script>
<scriptsrc="./js/jquery.metadata.js"type="text/javascript"></script>
$().ready(function(){
$("#signupForm").validate();
});
<formid="signupForm"method="get"action="">
<labelfor="firstname">Firstname</label>
<inputid="firstname"name="firstname"class="required"/>
<labelfor="email">E-Mail</label>
<inputid="email"name="email"class="requiredemail"/>
<labelfor="password">Password</label>
<inputid="password"name="password"type="password"class="{required:true,minlength:5}"/>
<labelfor="confirm_password">確認密碼</label>
<inputid="confirm_password"name="confirm_password"type="password"class="{required:true,minlength:5,equalTo:'#password'}"/>
<inputclass="submit"type="submit"value="Submit"/>
</form>

2）將校驗規則寫到代碼中

$().ready(function(){
$("#signupForm").validate({
rules:{
firstname:"required",
email:{
required:true,
email:true
},
password:{
required:true,
minlength:5
},
confirm_password:{
required:true,
minlength:5,
equalTo:"#password"
}
},
messages:{
firstname:"請輸入姓名",
email:{
required:"請輸入Email地址",
email:"請輸入正確的email地址"
},
password:{
required:"請輸入密碼",
minlength:jQuery.format("密碼不能小於{0}個字元")
},
confirm_password:{
required:"請輸入確認密碼",
minlength:"確認密碼不能小於5個字元",
equalTo:"兩次輸入密碼不一致不一致"
}
}
});
});
//messages處，如果某個控制項沒有message，將調用默認的信息
<formid="signupForm"method="get"action="">
<labelfor="firstname">Firstname</label>
<inputid="firstname"name="firstname"/>
<labelfor="email">E-Mail</label>
<inputid="email"name="email"/>
<labelfor="password">Password</label>
<inputid="password"name="password"type="password"/>
<labelfor="confirm_password">確認密碼</label>
<inputid="confirm_password"name="confirm_password"type="password"/>
<inputclass="submit"type="submit"value="Submit"/>
</form>

『貳』 javascript if(!validate（）) 中!表示什麼

！ 表示 非，用在這里就是 沒有通過validate 方法的驗證

『叄』 請問以下（validate.js）javascript代碼什麼意思，是干什麼功能的

用戶注冊信息驗證代碼。驗證必填欄位是否為空，驗證Email地址格式是否正確。
有漢字，明顯的。

『肆』 如何使用validate.js進行動態添加和移除表單驗證信息

1,動態添加驗證規則
// 添加
$("#addConnectUser").rules("add",{rules:{required:true,isString:true},messages:{required:"用戶名為必填項",isString:"請輸入規範字元"}});
// 移除
$("#addConnectUser").rules('remove','required');
在此我要講一下為什麼有一個isString驗證規則；這個是為了限製表單中input的輸入規則；比如:不允許特殊字元，或者一些特殊的要求；這個isString是自己配置的
jQuery.validator.addMethod("isString", function(value, element) {
return this.optional(element) || (inputTest.test(value));
},"請輸入規范內容");
// 此處的inputTest為你自定義的驗證規則
2,如何給已經添加了表單驗證的選項移除驗證規則;
$("#addConnectUser").rules("remove",'required');
//再次添加可以直接用
$("#addConnectUser").rules("add",'required');

『伍』 js 怎麼修改一個組件的修改validate 屬性

這個你在要展示錯誤信息位置先加個定位符（div id="err"） 然後當驗證不通過的時候把信息填充進去 $（"#err"）.append(error)這樣信息就能在那地方顯示了

『陸』 我在js中寫了jQuery validate驗證, 但是我想點保存按鈕是不驗證，點提交按鈕時才驗證，需要怎麼辦

save不寫校驗，submit寫校驗。

function save(){
//直接提交

}

function submit(){
//先校驗

if (!$("form").valid()) {
return;
}
//然後才提交
}

『柒』 jquery validate驗證添加哪些js

由於validate基於jQ，所以應當先引入jquery庫，完整的引入：

<scripttype="text/javascript"src="../libs/jquery.js"></script>
<scripttype="text/javascript"src="../libs/validate/jquery.validate.min.js"></script>
<scripttype="text/javascript"src="../libs/validate/language.validate.js"></script>

說明：jquery.validate.min.js為驗證的主文件，language.validate.js為message漢化專（警告提示）屬文件

『捌』 js validate同時驗證多個input

如果只有三個~建議每個都給個id，然後分別獲取，再判斷值。如果超過三個，建議使用getElementByTag('input')獲取後再循環判斷~

『玖』 jquery.validate不用submit提交，用js提交的，怎麼觸發驗證啊

用 button.click提交。

舉例如下：

$("#form").validate();

$("#btn).click(function(){

if($("#form").valid()){

$("#form").submit();

}

});

jQuery Validate 插件為表單提供了強大的驗證功能，讓客戶端表單驗證變得更簡單，同時提供了大量的定製選項，滿足應用程序各種需求。

該插件捆綁了一套有用的驗證方法，包括 URL 和電子郵件驗證，同時提供了一個用來編寫用戶自定義方法的 API。所有的捆綁方法默認使用英語作為錯誤信息，且已翻譯成其他 37 種語言。

(9)jsvalidate擴展閱讀

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() 驗證電子郵箱格式。

『拾』 請問怎麼用validate.js驗證動態添加的input元素，不確定添加多少個input元素

//有篇博客你可以看專下屬http://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.html