1. 程式人生 > >自定義 jquery.validate.js 校驗方法

自定義 jquery.validate.js 校驗方法

部落格參考:http://blog.csdn.net/yangxiaovip/article/details/21550145 

jquery.validate.js 是一個前端 form 表單校驗外掛,具體詳情可以百度一下。

jquery.validate.js 不僅自身內建有封裝一些常用的前端校驗,還提供便捷的 自定義校驗方法 進行拓展。

前端內建自帶校驗:

required:true               必填欄位
remote:"check.php"          使用ajax方法呼叫check.php驗證輸入值
email:true                  輸入內容必須為正確格式的電子郵件
url:true                    輸入內容必須為正確格式的網址
date:true                   輸入內容必須為正確格式的日期
只驗證格式,不驗證有效性
number:true                 輸入內容必須為合法的數字(負數,小數)
digits:true                 輸入內容必須為整數
creditcard:                 輸入內容必須為合法的信用卡號
equalTo:"#field"           輸入值必須和#field相同
accept: "gif|png|jpg"輸入擁有合法字尾名的字串(上傳檔案的字尾),多個字尾之間用’|’隔開
maxlength:5                輸入長度最多是5的字串(漢字算一個字元)
minlength:10               輸入長度最小是10的字串(漢字算一個字元)
rangelength:[5,10]         輸入長度必須介於 5 和 10 之間的字串")(漢字算一個字元)
range:[5,10]               輸入值必須介於 5 和 10 之間
max:5                      輸入值不能大於5

min:10                     輸入值不能小於10

自定義校驗方法:

//普通 正則驗校驗例子   :只允許輸入中文或字母

$.validator.addMethod("chineseAndLetter", function(value, element) {
		var score = /^[a-zA-Z\u4e00-\u9fa5]+$/;
		return this.optional(element) || (score.test(value));
	}, "請輸入中文或字母");
// 根據指令碼呼叫驗證方法時設定引數進行輔助校驗例子:校驗輸入內容的長度(中文算兩個位元組)   單個引數
jQuery.validator.addMethod("byteLength", function(value, element,param) {
		var length ="";
		var regu = "^[a-zA-Z\u4e00-\u9fa5]+$";
		var re = new RegExp(regu);
		if (value.search(re) != -1) {
			length = value.replace(/[\u0391-\uFFE5]/g, "aa").length;
		}
		return this.optional(element)|| (length >= param);     //parm:js中呼叫該方法時傳入的引數,例如:byteLength:4  
       }, $.validator.format("請至少輸入 {0} 個位元組內容(一箇中文算2個位元組)"));

//前端指令碼傳入多個引數

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]);   //前端指令碼傳入多個引數,param[0] 取第一個傳入的引數;

//parm[1] 取傳入的第二個引數

//前端指令碼呼叫改方法:byteRangeLength: [2,10]

        }, $.validator.format("請確保輸入的值在{0}-{1}個位元組之間(一箇中文字算2個位元組)"));  

相關推薦

定義 jquery.validate.js 方法

部落格參考:http://blog.csdn.net/yangxiaovip/article/details/21550145  jquery.validate.js 是一個前端 form 表單校驗外掛,具體詳情可以百度一下。 jquery.validate.js 不僅

jquery.validate.jsselect2解決方案 Jquery外掛select2解決方案

為了用jquery.validate.js校驗select2,折騰了2天,現在終於解決了,把方法告訴大家。 一、使用用了select2美化select Js程式碼   $('select').select2();   二、頁面部分程式碼 H

Jquery Validate 預設規則、jQuery.validator.addMethod定義驗證方法---例子

  一、Jquery Validate 預設校驗規則 (1)、required:true 必輸欄位 (2)、remote:"remote-valid.jsp" 使用ajax方法呼叫remote-valid.jsp驗證輸入值 (3)、email:tru

Jquery Validate 預設規則及常用的定義驗證規則

二、預設校驗規則 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 (1)、required:true         

定義@interface及groups

groups @interface一、自定義annotation摘自:http://elim.iteye.com/blog/1812584@Target({ElementType.FIELD, ElementType.METHOD}) @Retention(RetentionPolicy.RUNTIME)

SpringMVC定義註解進行引數

在我的另一篇部落格中(SpringMVC),學習瞭如何使用Spring MVC結合Hibernate的校驗框架validation(它和hibernate沒有任何關係)對引數進行校驗。在實際專案中,引數的校驗邏輯可能比較複雜,這時我們可以自定義註解來實現引數校驗,下面是一個簡單的例子。 po

elementUI定義驗證表單

1.表單名稱 ref=”idname” 2.表單繫結 :rules=rules 3.el-form-item prop屬性 4.驗證方法方法 提交方法: confirm(formName){         this.$refs[formName].val

SpringMVC定義註解進行引數(以列舉值是否合法為例)

pom引入springMVC依賴,以springboot專案為例 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-

通過定義spring invalidator註解資料合法性

在專案中經常會對使用者輸入的資料,或者外部匯入到系統的資料做合法性檢查。在spring boot框架的微服務中可以使用invalidator註解對資料做合法性,安全性校驗。下面給一個樣例說明如何自定義註解實現校驗邏輯。 一、定義校驗屬性字串長度的註解 packa

定義註解完成引數

在現在的專案開發中,經常會用到註解,比如Spring的@Autowired,SpringMVC的@Controller,@RequestMapping等等,大部分人只知道用,不知道這些註解的怎麼發揮作用。有沒有想過手動寫一個註解,完成引數校驗呢? 簡介 註解(

jquery validate 單個+全部

1、引入   <script src="/poobo/js/jquery/jquery-1.8.3.min.js" type="text/javascript"></script> <script type="text/javascrip

利用AOP和定義註解進行Token

因為公司業務需要每個訪問的方法校驗token,程式碼比較重複,所以就考慮利用Spring的AOP對每個方法進行token校驗。運用到了aop和自定義註解的知識。aop配置檔案 <!-- 自定義註解 --> <bean id="authTok

SpringMVC定義註解進行日期

SpringMVC固定註解雖然很方便,但是類似兩個日期之間的這種校驗做不了,所以可以進行自定義註解的方式進行,下面以一個校驗日期為例 第一步:建立POPO /**  *   */ package iss.spmvc.self_ann; import java.util.Da

jquery validate單獨某一欄位

前提:下載外掛<script src="/jflow/resource/js/bootstrap/plugins/validate/jquery.validate.min.js"></script> 1、html程式碼: <ul id="f_t

Java筆記 #06# 定義簡易參數框架——EasyValidator

ide lse logger 需求 diy eve rdquo names page 索引 一、校驗效果演示 二、校驗器定義示例 定義一個最簡單的校驗器 正則校驗器 三、EasyValidator的實現 四、更好的應用姿勢—&md

利用反射打造定義註解,自動或處理資料

    開發過程中,難免會對資料進行校驗或處理,難道每次都對不同的實體類的屬性挨個判斷是否符合規範或者對其進行特殊處理,程式設計師不應該這麼做。在這個時候,自定義註解就派上大用場了。比如自定義一個 @Email 註解,將其標註在只能存放email格式的屬性(private

AngularJs的定義的正則指令--程式碼共享

1.對URL地址值的格式校驗 2.對純數字做校驗 3.使用方式 比如校驗http: <span style="font-size:14px;"><input type="tex

UEditor 定義圖片視訊尺寸

UEditor支援單圖、多圖以及視訊上傳,編輯器配置項支援檔案格式、檔案大小校驗,對於檔案寬高尺寸校驗暫不支援。這裡記錄一下自定義圖片、視訊尺寸校驗過程,內容核心主要是擴充套件校驗邏輯和增加自定義提示文字。 ### 單圖上傳 單圖上傳的邏輯在`ueditor.all.js`中,由`simpleUpload`

定義validate註解

/** * @author yangyh * @since 2018/10/18 */ @Target({METHOD, FIELD, ANNOTATION_TYPE, CONSTRUCTOR, PARAMETER}) @Retention(RUNTIME) @Do

validate外掛表單--定義,Ajax非同步使用者名稱是否存在

1.所需要的外掛下載地址(放到js目錄下)https://pan.baidu.com/s/16KyrX16dzgGTIncho2WHmg2.引入庫<script src="js/jquery.validate.min.js" type="text/javascript"