EasyUI表單驗證共通整理

starsfun 發布于2019-08-26 10:11 / 3050人閱讀

摘要：輸入框停止輸入之后就會進行輸入內容校驗在文本框右側的氣泡樣式報錯提示，默認錯誤提示樣式表單驗證只能包含字母數字數字字母正則判斷輸入的內容是否是純數字字母，去掉輸入值的特殊字符去掉輸入值的中文字符重新給輸入框賦值內容長度不能小于大于

輸入框停止輸入之后就會進行輸入內容校驗
在文本框右側的氣泡樣式報錯提示，默認錯誤提示樣式

//easyui表單驗證
$.extend($.fn.validatebox.defaults.rules, {
    //只能包含字母、數字 
    noFont: {
    validator: function(value, param) {  
        value=$.trim(value)
        var m_reg = new RegExp("^[0-9a-zA-Z]+$"); //數字字母正則
        var inputState=m_reg.test(value);//判斷輸入的內容是否是純數字、字母
        var newval=value;
        newval=newval.replace(new RegExp("[+,/,,?,？,\%,#,&,=,(,),（,）,{,},",",<,>,@,!,！,$,.,，,、,:,：,;,；,￥,*,~,`,-,——,\_,^,“,”,‘,’,……,【,】,[,],,]", "gm"), "")//去掉輸入值的特殊字符
        newval=newval.replace(/[u4e00-u9fa5]/g,"")//去掉輸入值的中文字符
        $(this).val(newval);//重新給輸入框賦值
        $.fn.validatebox.defaults.rules.noFont.message="內容長度不能小于"+param[0]+"大于"+param[1];//自定義提示文本
        if(newval.length>param[1]||newval.length
html調用

共通驗證調用方法傳遞驗證正則和提示文字
$.extend($.fn.validatebox.defaults.rules, {
    //只能包含字母、數字 
    inputValid: {
    validator: function(value, param) {  
        value=$.trim(value)//去掉前后空格
        $.fn.validatebox.defaults.rules.inputValid.message=param[1];//自定義提示文本
        var m_reg = new RegExp(param[0]); //正則
        var inputState=m_reg.test(value);
        return m_reg.test(value);//校驗valuel是否符合輸入規則    
       }, 
    message : "" 
    },
})
html調用
第一個參數是正則表達式，第二個參數是錯誤提示

云服務器 GPU云服務器 easyui驗證驗證表單表單驗證表單驗證代碼

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105728.html

EasyUI datagrid問題整理

摘要：什么是是一種基于和的用戶界面插件集合。為創建現代化，互動，應用程序，提供必要的功能。是個完美支持網頁的完整框架。很簡單但功能強大的。返回則取消該動作。該函數有下列參數要傳遞到遠程服務器的參數對象。當檢索數據成功時調用的回調函數。什么是easyUI easyui是一種基于jQuery、Angular.、Vue和React的用戶界面插件集合。easyui為創建現代化，互動，JavaScr...

megatron 2019-08-23 16:24 評論0 收藏0
EasyUI datagrid問題整理

摘要：什么是是一種基于和的用戶界面插件集合。為創建現代化，互動，應用程序，提供必要的功能。是個完美支持網頁的完整框架。很簡單但功能強大的。返回則取消該動作。該函數有下列參數要傳遞到遠程服務器的參數對象。當檢索數據成功時調用的回調函數。什么是easyUI easyui是一種基于jQuery、Angular.、Vue和React的用戶界面插件集合。easyui為創建現代化，互動，JavaScr...

yexiaobai 2019-08-02 16:09 評論0 收藏0
EasyUI datagrid問題整理

摘要：什么是是一種基于和的用戶界面插件集合。為創建現代化，互動，應用程序，提供必要的功能。是個完美支持網頁的完整框架。很簡單但功能強大的。返回則取消該動作。該函數有下列參數要傳遞到遠程服務器的參數對象。當檢索數據成功時調用的回調函數。什么是easyUI easyui是一種基于jQuery、Angular.、Vue和React的用戶界面插件集合。easyui為創建現代化，互動，JavaScr...

Kross 2019-08-30 15:43 評論0 收藏0
前端必須要珍藏的技術文章和面試題

摘要：前端工程師學習資料，快速查找面試題，經典技術文章的總結，編程技巧，幫助學習者快速定位問題花點時間整理出一下前端工程師日常工作所需要的學習資料查找，幫助學習者快速掌握前端工程師開發的基本知識編程始于足下記住再牛逼的夢想也抵不住傻逼似的堅持蝴蝶前端工程師學習資料，快速查找面試題，經典技術文章的總結，編程技巧，幫助學習者快速定位問題花點時間整理出一下web前端工程師日常工作所需要的學習資料...

MoAir 2019-08-26 10:29 評論0 收藏0