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
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...