Jquery Easyui驗證擴展,Easyui驗證,Easyui校驗,js正則表達式

来源:http://www.cnblogs.com/fanshuyao/archive/2017/01/09/6263979.html
-Advertisement-
Play Games

Jquery Easyui驗證擴展,Easyui驗證,Easyui校驗,js正則表達式 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2017年1月9日 08:52:19 星期一 http://www.cnblogs.com/fanshuyao/ 一、擴展easyui的 ...


Jquery Easyui驗證擴展,Easyui驗證,Easyui校驗,js正則表達式

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2017年1月9日 08:52:19 星期一

http://www.cnblogs.com/fanshuyao/

 

一、擴展easyui的驗證規則

 

 /* easyUI自帶的校驗 */  
 /*  
  email: Match email regex rule. 
  url: Match URL regex rule. 
  length[0,100]: Between x and x characters allowed. 
  remote['http://.../action.do','paramName']: Send ajax request to do validate value, return 'true' when successfully.  
 */  
   
 $.extend($.fn.validatebox.defaults.rules, {  
    phone : {//手機號碼校驗  
        validator: function(value, param){  
            return checkPhone(value);  
        },  
        message: '請輸入正確的手機號碼。'  
    },  
    myEmail : {//郵箱校驗,避免使用email和預設的衝突  
        validator: function(value, param){  
            return checkEmail(value);  
        },  
        message: '請輸入正確的郵箱'  
    },  
    loginName : {//登錄名,數字、英文字母或者下劃線  
        validator: function(value, param){  
            return checkLoginName(value);  
        },  
        message: '只能輸入數字、英文字母或者下劃線'  
    },  
    telePhone : {//座機,區號及分機號可有可無  
        validator: function(value, param){  
            return checkTelePhone(value);  
        },  
        message: '請輸入正確的座機號碼'  
    },  
    chinese : {//  
        validator: function(value, param){  
            return checkChinese(value);  
        },  
        message: '只能輸入中文漢字'  
    },  
    number : {//正整數,包括0(00,01非數字)  
        validator: function(value, param){  
            return isNumber(value);  
        },  
        message: '只能輸入數字(01非數字)'  
    },  
    numberText : {//數字組成的字元串,如000222,22220000,00000  
        validator: function(value, param){  
            return isNumberText(value);  
        },  
        message: '只能輸入數字字元串'  
    },  
    idCardNo : {//身份證  
        validator: function(value, param){  
            return isIdCardNo(value);  
        },  
        message: '請輸入正確的身份證號碼'  
    },  
    money : {//金額  
        validator: function(value, param){  
            return isFloat(value);  
        },  
        message: '請輸入正確的數字'  
    },  
    floatNumber : {//數字(包括正整數、0、浮點數)  
        validator: function(value, param){  
            return isFloat(value);  
        },  
        message: '請輸入正確的數字'  
    },  
    minLength: {  
        validator: function(value, param){  
            return value.length >= param[0];  
        },  
        message: '請輸入至少 {0}個字元。'  
    },  
    maxLength: {  
        validator: function(value, param){  
            return value.length <= param[0];  
        },  
        message: '不能輸入超過{0}個字元。'  
    }  
});  

  

 

二、使用

在data-option加上屬性:validType:'phone',如下麵所示:

Html代碼  收藏代碼
  1. data-options="required:true,validType:'phone'"  

 

Html代碼  收藏代碼
  1. data-options="required:false,validType:'telePhone'"  

 

三、部分校驗方法

 

/** 
* 去掉字元串頭尾空格 
* @param str 傳入的字元串值 
* @author lqy 
* @since 2015-08-21 
*/  
function trim(str) {  
    if(str == null){  
        return "";  
    }  
    return str.replace(/(^\s*)|(\s*$)/g, "");  
};  
  
/**  
 * 是否為Null  
 * @param object  
 * @returns {Boolean}  
 */    
function isNull(object){    
    if(object == null || typeof object == "undefined"){    
        return true;    
    }    
    return false;    
};   
  
/**  
 * 是否為空字元串,有空格不是空字元串  
 * @param str  
 * @returns {Boolean}  
 */    
function isEmpty(str){    
    if(str == null || typeof str == "undefined" ||     
            str == ""){    
        return true;    
    }    
    return false;    
};  
  
/**  
 * 是否為空字元串,全空格也是空字元串  
 * @param str  
 * @returns {Boolean}  
 */    
function isBlank(str){    
    if(str == null || typeof str == "undefined" ||     
            str == "" || trim(str) == ""){    
        return true;    
    }    
    return false;    
};  

  

 

/** 
 * 檢查手機號碼 
 * @param z_check_value 要檢查的值 
 * @return 符合返回true,否false 
 * @since 2015-08-21 
*/  
function checkPhone(z_check_value) {  
    if(isEmpty(z_check_value) || z_check_value.length != 11){  
        return false;  
    }  
    var z_reg = /^13[0-9]{9}|15[012356789][0-9]{8}|18[0-9]{9}|(14[57][0-9]{8})|(17[015678][0-9]{8})$/;  
    return z_reg.test(z_check_value);  
};  

  

 

/** 
 * 檢查電子郵箱 
 * @param z_check_value 要檢查的值 
 * @return 符合返回true,否false 
 * @since 2015-08-21 
*/  
function checkEmail(z_check_value){  
    //var emailReg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;  
    var z_reg =  /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;  
    return z_reg.test($.trim(z_check_value));  
};  

  

 

/** 
 * 檢查登錄名(由數字、26個英文字母或者下劃線組成的字元串) 
 * @param z_check_value 要檢查的值 
 * @return 符合返回true,否false 
 * @since 2015-12-29 
*/  
function checkLoginName(z_check_value){  
    var z_reg = /^\w+$/;  
    return z_reg.test($.trim(z_check_value));  
};  

  

 

/** 
 * 檢查電話號碼 
 * @param z_check_value 要檢查的值 
 * @return 符合返回true,否false 
 * @since 2015-08-21 
*/  
function checkTelePhone(z_check_value){  
    var z_reg = /^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,4}))?$/;  
    return z_reg.test($.trim(z_check_value));  
};  

  

 
/** 
 * 檢查僅中文 
 * @param z_check_value 要檢查的值 
 * @return 符合返回true,否false 
 * @since 2015-08-21 
*/  
function checkChinese(z_check_value){  
    var z_reg = /^[\u4E00-\u9FA5\uF900-\uFA2D]+$/;  
    return z_reg.test($.trim(z_check_value));  
};  

  

 

/** 
 * 是否為數字 
 * @param z_check_value 要檢查的值 
 * @return 符合返回true,否false 
 * @since 2016-10-31 
*/  
function isNumber(z_check_value){  
    var z_reg = /^(([0-9])|([1-9]([0-9]+)))$/;  
    return z_reg.test($.trim(z_check_value));  
};  

  

 

/** 
 * 是否為數字組成的字元串,01也符合規則 
 * @param z_check_value 要檢查的值 
 * @return 符合返回true,否false 
 * @since 2017-01-07 
*/  
function isNumberText(z_check_value){  
    var z_reg = /^([0-9]+)$/;  
    return z_reg.test($.trim(z_check_value));  
};  

  

/** 
 * 可以判斷是否為數字、金額、浮點數 
 * @param z_check_value 要檢查的值 
 * @return 符合返回true,否false 
 * @author lqy 
 * @since 2017-01-07 
*/  
function isFloat(z_check_value){  
    var z_reg = /^((([0-9])|([1-9][0-9]+))(\.([0-9]+))?)$/;//.是特殊字元,需要轉義  
    return z_reg.test($.trim(z_check_value));  
};  

  

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2017年1月9日 08:52:19 星期一

http://www.cnblogs.com/fanshuyao/


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • APS.NET MVC中(以下簡稱“MVC”)的每一個請求,都會分配給相應的控制器和對應的行為方法去處理,而在這些處理的前前後後如果想再加一些額外的邏輯處理。這時候就用到了過濾器。 MVC支持的過濾器類型有四種,分別是:Authorization(授權),Action(行為),Result(結果)和 ...
  • 本篇博文,給大家講解一下裝飾模式,還是老樣子,有一個簡單的例子逐步演繹 一、舉例 用一個簡單的控制台實現 一個人穿各種各樣衣服 的功能 然後我們會很自然的寫出一下代碼: 先寫一個Person類 然後客戶端調用這個Person類 這樣就寫完了。 二、演繹 ①現在,我各種裝扮都寫到了Person類中,有 ...
  • 1 OAuth2解決什麼問題的? 舉個慄子先。小明在QQ空間積攢了多年的照片,想挑選一些照片來列印出來。然後小明在找到一家提供線上列印並且包郵的網站(我們叫它PP吧(Print Photo縮寫 😂))。 那麼現在問題來了,小明有兩個方案來得到列印的服務。 針對方案(1):小明要去下載這些照片,然後 ...
  • 如何快速開發Xamarin.Forms的Plugin?自己開發的Plugin如何使用Nuget打包?本地Package如何參照引用?本文通過TextToSpeech實例為你講解。 ...
  • 配置一個如上圖所示的菜單 1.打開文件MpaNavigationProvider.cs 【..\MyCompanyName.AbpZeroTemplate.Web\Areas\Mpa\Startup\MpaNavigationProvider.cs】 添加如下代碼(如下圖所示) .AddItem(n ...
  • 這是一篇關於純C++RPC框架的文章。所以,我們先看看,我們有什麼? 1、一個什麼都能幹的C++。(前提是,你什麼都幹了) 2、原始的Socket介面,還是C API。還得自己去二次封裝... 3、C++11,這是最令人興奮的。有了它,才能夠有這篇文章;否則,CORBA之類的才是唯一的選擇。(因為需 ...
  • 今天分享一下簡單導航欄的製作方法: 第一步:引入css樣式表,新建一個id為nav的層,使用<ul>、<li>、<a>標簽來製作完成效果。 第二步設置CSS樣式: 1.設置nav的屬性 展示效果如下所示: 2.清除<ul>標簽前面自帶的點 3.設置<ul>下包含的<a>標簽的屬性 4.設置滑鼠滑過效 ...
  • 前沿 寫在文章的最前面 前沿 寫在文章的最前面 這篇文章講的是,我怎麼去寫一個 requirejs 。 去 github 上fork一下,順便star~ requirejs,眾所周知,是一個非常出名的js模塊化工具,可以讓你使用模塊化的方式組織代碼,並非同步載入你所需要的部分。balabala 等等好 ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...