1. 程式人生 > >easyui easyui-textbox自定義驗證

easyui easyui-textbox自定義驗證

$.extend($.fn.textbox.defaults.rules, {
    number : {
        validator : function(value, param) {
            return /^[0-9]*$/.test(value);
        },
        message : "請輸入數字"
    },
    chinese : {
        validator : function(value, param) {
            var reg = /^[\u4e00-\u9fa5]+$/i;
            return reg.test(value);
        },
        message : "請輸入中文"
    },
    checkLength: {
        validator: function(value, param){
            return param[0] >= get_length(value);
        },
        message: '請輸入最大{0}位字元'
    },
    specialCharacter: {
        validator: function(value, param){
            var reg = new RegExp("[`
[email protected]
#$^&*()=|{}':;'\\[\\]<>~!@#¥……&*()——|{}【】‘;:”“'、?]"); return !reg.test(value); }, message: '不允許輸入特殊字元' }    
    englishLowerCase  : {// 驗證英語小寫
        validator : function(value) {
            return /^[a-z]+$/.test(value);
        },
        message : '請輸入小寫字母'
    }
});
<div id="dlg" class="easyui-dialog" style=" width:400px; height:300px; padding:10px 20px;" data-options="resizable:true,modal:true"  closed="true" buttons="#dlg-buttons">
        <form id="fm" method="post" >
            <table>
                <tr>
                    <td class="normal" width="200px">登入名</td>
                    <td><input id="loginname_dlg"  name="loginname_dlg" class="easyui-textbox" required="true"  style="height:25px;" data-options="validType:['englishLowerCase','checkLength[50]']" >
                        <input  id="id_dlg"  name="id_dlg"  type="hidden">
                    </td>
                </tr>
                <tr>
                    <td class="normal" width="200px">使用者名稱</td>
                    <td><input id="username_dlg"  name="username_dlg" class="easyui-textbox" required="true"  style="height:25px;" data-options="validType:['chinese','checkLength[50]']"></td>
                </tr>
                <tr>
                    <td class="normal" width="200px">聯絡電話</td>
                    <td><input id="phone_dlg"  name="phone_dlg" class="easyui-textbox"  style="height:25px;" data-options="validType:['number','length[11,11]']" ></td>
                </tr>
                
            </table>
        </form>
    </div>
    <div id="dlg-buttons">
        <a id="dlg-save"  href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="save()">儲存</a>
        <a id="dlg-close" href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">關閉</a>
    </div>


相關推薦

easyui easyui-textbox定義驗證

$.extend($.fn.textbox.defaults.rules, { number : { validator : function(value, param) { return /^[0-9]*$/.test(va

EasyUI之remote多引數定義驗證

$.extend($.fn.validatebox.defaults.rules, { username: { validator: function(value){ var rex = /^1(3|4|

定義驗證小數數值

自定義指令 urn sap display jpg ise get cti 驗證 可以編寫angularjs的自定義指令來實現驗證文本框填入的數值是來為小數。 airExpressApp.directive(‘validateDecimalCharacter

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

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

ASP.NET MVC ValidationAttribute 服務器端定義驗證

ttr ror 服務端 繼承 image hide form rri es2017 自定義服務端驗證要繼承自ValidationAttribute,並重寫IsValid虛方法來自定義自己的驗證規則,ValidationAttribute源碼如下: 1 public ab

第十節:數據批註(DataAnnotationModel)和定義驗證(包括Model級別的驗證)

命名 ida model 特征 component es2017 服務器端 作用 技術 一. 簡介   寫完上一個章節MVC中的常用特性,迫不及待將該系列補全,該章節主要介紹數據批註(也叫:註解)。   一聽【數據批註】,好高大上的名字,但仔細一看,它們其實是【Syste

定義驗證之這能輸入數字(包括小數 負數 )

key 多個 class script 數字 是否 pre blur 如果 <script type="text/javascript"> function onlyNumber(obj){ //得到第一個字符是否為負號

Django 【第十篇】定義驗證規則和中間件

表達式 主動 mixin tex choice direct request lock test 一、Form基本使用 類 字段 is_valid() cleaned_data errors 字段參數: m

MVC2 擴展Models和定義驗證(學習筆記)

ttr visual 帳戶 borde turn 頁面 code 字符 pla 當我們利用Visual Studio生成實體類以後,難免會用到驗證功能(例如,用戶登錄時驗證用戶名是否為空,並加以顯示)。 Visual Studio實體類:實體類 如果直接去編輯Visual

vue2.X+elementUI表單定義驗證

blur 條件 temp 通過 ren ber ima 這一 hone <template> <div class="taxi-appointment-dairen"> <el-form :model="ruleForm" :ru

JQuery Validate插件如何定義驗證方法(結合ajax實現數據庫的查重)

JQuery概述 本文介紹Validate自定義表單校驗方式。Validate插件雖然提供了豐富的驗證規則,但在很多時候仍然很難滿足我們的開發需求,在註冊頁面我們需要通過ajax驗證用戶輸入的用戶名是否已經被他人註冊,那此時通過傳統的Validate驗證方式已經無法滿足需求了! 我們可以通過自

Spring Security驗證流程剖析及定義驗證方法

com UNC title 具體實現 hold any pan imp uil Spring Security本質上是一連串的Filter, 然後又以一個獨立的Filter的形式插入到Filter Chain裏,其名為FilterChainProxy。 如圖所示。 實

java web項目中後臺控制層對參數進行定義驗證 類 Pattern

span 快捷方式 pattern 例如 att ice 模式 匹配 ret Pattern pattern = Pattern.compile("/^([1-9]\\d+元*|[0]{0,1})$/");//將給定的正則表達式編譯到模式中 if(!"".equals

GradSearchCv 定義驗證

首先解釋一下什麼叫使用自定義驗證集進行模型調參。GridSearchCV預設使用的模型驗證方法是KFold交叉驗證,但很多時候我們自己已經預先分配好了驗證集,我們就要在這個驗證集上評價模型好壞(有些任性),所以我們並不需要GridSearchCV為我們自動產生驗證集,這就是所謂的使用自定義驗證集進行模型調參。

Jquery Validate 相關參數及常用的定義驗證規則

手機號碼驗證 cti dea 復制 接收 least join cep mat 一、官網地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 二、默認校驗規則 1

validator 定義驗證

// validator 自定義驗證 /* * 郵編驗證 */ jQuery.validator.addMethod("postalCode",function(value, element,param) { var pattern = /\d{6}/g; // 正則表示式 //

第28講 .struts2定義驗證

在專案 HeadFirstStruts2chapter07 下,在src下匯入validator.xml檔案, 新建一個com.cruise.validators包,新建SensitiveWorkds類,繼承,寫驗證方法,package com.cruise.validators;impo

關於Asp.net WebAPI定義驗證並處理model,

獲取客戶端發來的資料方法: protected virtual string GetRequestFromData() { HttpContextBase context = Request.Properties["MS_HttpContext"]

BJUI怎樣對input新增定義驗證規則

場景 在使用BJUI框架實現新增以及編輯功能時,要對輸入的內容進行驗證。 對於簡單的非空驗證以及是否為數字驗證,BJUI有自帶的驗證語法。 參照: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82418214

@Constraint註解配合定義驗證型別註解的開發

前言:雖然現在有很多很有用的驗證註解,如@not null,@not blank,@not [email protected]等等。但是我們可能有時候根據專案的拓展這些驗證註解不夠用,那怎麼辦,解決的辦法就是自定義驗證註解   1,@Constraint註解 說到自定