2. 程式人生 > >jquery.validate

jquery.validate

阿新 • • 發佈：2017-06-22
hand validator fun 兩個 arc 郵政編碼 {0} 文件 字節

---恢復內容開始---

默認校驗規則
(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

添加自定義校驗
addMethod：name, method, message
自定義驗證方法

// 中文字兩個字節
jQuery.validator.addMethod(
    "byteRangeLength", 
    function(value, element, param) {
        var length = value.length;
        for(var i = 0; i < value.length; i++){
            if(value.charCodeAt(i) > 127){
                length++;
            }
        }
        return this.optional(element) || (length >= param[0] && length <= param[1]);   
    }, 
    $.validator.format("請確保輸入的值在{0}-{1}個字節之間(一個中文字算2個字節)")
);

// 郵政編碼驗證   
jQuery.validator.addMethod("isZipCode", function(value, element) {   
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "請正確填寫您的郵政編碼");


驗證通過

submitHandler:function(){
alert(‘校驗全部通過‘)
}

驗證沒有通過

invalidHandler:function(){
alert(‘no‘)
}

---恢復內容結束---

---恢復內容開始---

默認校驗規則
(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

添加自定義校驗
addMethod：name, method, message
自定義驗證方法

// 中文字兩個字節
jQuery.validator.addMethod(
    "byteRangeLength", 
    function(value, element, param) {
        var length = value.length;
        for(var i = 0; i < value.length; i++){
            if(value.charCodeAt(i) > 127){
                length++;
            }
        }
        return this.optional(element) || (length >= param[0] && length <= param[1]);   
    }, 
    $.validator.format("請確保輸入的值在{0}-{1}個字節之間(一個中文字算2個字節)")
);

// 郵政編碼驗證   
jQuery.validator.addMethod("isZipCode", function(value, element) {   
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "請正確填寫您的郵政編碼");


驗證通過

submitHandler:function(){
alert(‘校驗全部通過‘)
}

驗證沒有通過

invalidHandler:function(){
alert(‘no‘)
}

---恢復內容結束---

---恢復內容開始---

默認校驗規則
(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

添加自定義校驗
addMethod：name, method, message
自定義驗證方法

// 中文字兩個字節
jQuery.validator.addMethod(
    "byteRangeLength", 
    function(value, element, param) {
        var length = value.length;
        for(var i = 0; i < value.length; i++){
            if(value.charCodeAt(i) > 127){
                length++;
            }
        }
        return this.optional(element) || (length >= param[0] && length <= param[1]);   
    }, 
    $.validator.format("請確保輸入的值在{0}-{1}個字節之間(一個中文字算2個字節)")
);

// 郵政編碼驗證   
jQuery.validator.addMethod("isZipCode", function(value, element) {   
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "請正確填寫您的郵政編碼");


驗證通過

submitHandler:function(){
alert(‘校驗全部通過‘)
}

驗證沒有通過

invalidHandler:function(){
alert(‘no‘)
}

---恢復內容結束---

---恢復內容開始---

默認校驗規則
(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

添加自定義校驗
addMethod：name, method, message
自定義驗證方法

// 中文字兩個字節
jQuery.validator.addMethod(
    "byteRangeLength", 
    function(value, element, param) {
        var length = value.length;
        for(var i = 0; i < value.length; i++){
            if(value.charCodeAt(i) > 127){
                length++;
            }
        }
        return this.optional(element) || (length >= param[0] && length <= param[1]);   
    }, 
    $.validator.format("請確保輸入的值在{0}-{1}個字節之間(一個中文字算2個字節)")
);

// 郵政編碼驗證   
jQuery.validator.addMethod("isZipCode", function(value, element) {   
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "請正確填寫您的郵政編碼");


驗證通過

submitHandler:function(){
alert(‘校驗全部通過‘)
}

驗證沒有通過

invalidHandler:function(){
alert(‘no‘)
}

---恢復內容結束---

jquery.validate

相關推薦

Jquery validate(submitHandler函數)驗證通過發送Ajax

type handler 確認密碼 fun stat rul color length duplicate js代碼： 1 $(function() { 2 $(‘#form‘).validate({ 3 onkeyup : false,

Jquery Plugins Jquery Validate

query 數字 tro func dem 字符 後綴名 工具 下載 Jquery Validate 一.什麽是Jquery Validate: jQuery Validate 插件為表單提供了強大的驗證功能。 二.常用值： 1 required

了解jQuery Validate.JS後不用再為正則驗證頭疼

url 理解 程序 valid 客戶 pre 提高 -s log jQuery Validate 是功能豐富的正則驗證插件，為客戶端提供了強大的驗證功能，同時提供了大量的正則選項，滿足應用程序各種需求。該插件捆綁了一整套有用的驗證方法，同時包括URL驗證和電子郵件驗證，為

JS驗證控件jQuery Validate

left pass mes 源碼 bsp targe 單標簽 pac get jQuery Validate 插件為表單提供了強大的驗證功能，讓客戶端表單驗證變得更簡單，同時提供了大量的定制選項，滿足應用程序各種需求。該插件捆綁了一套有用的驗證方法，包括 URL 和電子郵件

jQuery.validate 的form校驗

是我 顯示 用戶 put text 運行 scl htm 表單 jQuery驗證框架 : 基本html代碼： 1 　　<script src="js/jquery-1.9.1.js"></script> 2 <script src

jq中的表單驗證插件------jquery.validate

此外 郵箱 method 你們 ostc [0 ade 使用 js代碼 今天我們來說一下表單驗證，有人說我們在進行表單驗證的時候使用正則來驗證是非常麻煩的，現在我來給大家介紹一下表單驗證的插件：jquery.validate.min.js 它是與jquery一起結合

jquery.validate

hand validator fun 兩個 arc 郵政編碼 {0} 文件 字節 ---恢復內容開始--- 默認校驗規則(1) required:true 必輸字段(2) remote:"check.php" 使用ajax方

jQuery Validate驗證框架詳解

lec false 樣式 廈門 adding 常用 invalid util 類名 jQuery校驗官網地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation 一、導入js庫 <scri

怎樣更靈活的是使用jquery.validate--未完待續

12px 樣式 fault rate ada tin 結果 def 引入 jqueryValidate的具體使用方法很多，這裏就不在贅述，這一次只談一下怎樣簡單的實現表單驗證。 頁面引入js <script src="~/js/jquery-migrate-1.8

Jquery Validate 默認校驗規則及常用的自定義驗證規則

字符 eth ber exp string amp 手機 zip 子郵件 Jquery Validate 相關參數及常用的自定義驗證規則 一、官網地址：http://bassistance.de/jquery-plugins/jquery-plugin-validatio

jQuery Validate

下載 bsp add 電子郵件 rom min mov 客戶 pretty jQuery Validate jQuery Validate 插件為表單提供了強大的驗證功能，讓客戶端表單驗證變得更簡單，同時提供了大量的定制選項，滿足應用程序各種需求。 該插件捆綁了一套有用的驗

關於jquery validate 的問題

validate har val 位置 red bug eth 需要 出現 使用name進行驗證時 maxSNR: "required", lon: "required", lat: "

驗證插件——jquery.validate.js

上傳文件 type=file load net ida 焦點 tro file date 下載地址：http://download.csdn.net/download/s592652578/9457421 教程：http://www.runoob.com/jquery/jq

Jquery.validate.js表單驗證

first 博客 插件 怎麽辦 row form表單 顯示 ble logs 前言：表單驗證是十分常見的需求。公司做運維系統需要大量的編輯/新增表單，編輯之後提交，提交前需要進行表單驗證，驗證成功才能發起POST請求。由於項目前端大部分是基於Bootstrap開發的，

jquery validate表單驗證

文件 json 格式 pop 第一個 tool oar blank 上傳 一、目的 為了更好地實現人機交互，使用jQuery封裝庫中的validate插件，在用戶填寫表單時，可以快速地對用戶填寫的數據進行驗證，並做出反饋。 二、validate插件簡介

利用jquery.validate異步驗證用戶名是否存在

rip 利用 lte false ret message name 用法 了解 經過上百次的試驗試和搜索，終於把jquery.validate的各種功能用法了解清楚，網上關於jquery.validate的AJAX表單驗證比較少，特別是對rules裏面的remote提得比較

jquery.validate不用submit提交，用js提交的怎麽觸發驗證

div content function rep reply validate ida val cli 用 button.click提交 舉例看看 $("#form").validate();$("#btn).click(function(){

layer,Jquery,validate實現表單驗證，刷新頁面，關閉子頁面

名稱 ron primary ocl span () bsp money 新頁面 1、表單驗證 　　　　　　　　　　 //獲取父層 var index = parent.layer.getFrameIndex(window.na

jquery.validate.js

war may cred row target lan nta true its /* * jQuery validation plug-in 1.5.2 * * http://bassistance.de/jquery-plugins/jquery-plugin-vali

jQuery validate 設置失去焦點就校驗和失去焦點就表單校驗是否通過

checked 設置 ali idt date jquery req BE font js部分 html部分 自定義樣式： /*自定義validate覆蓋掉了 validate 裏面默認的顯示樣式*/ label.error{