給某個文本框添加多種校驗規則

阿新 • • 發佈：2017-09-03

div error pre pos value .get get ply body

<html>
    <head>
        <meta charset="uft-8">
    </head>
    <body>
        <form action="" id="registerForm" method="post">
        請輸入用戶名：<input type="text" name="userName"/>
            請輸入密碼：<input type="text" name="passWord"/>
            請輸入手機號碼： 
<input type="text" name="phoneNumber"/>
            <input type="submit" value="提交"/>
        </form>
        <script>
            /***************策略對象*************/
            var strategies = {
                isNotEmpty:function(value,errorMsg){
                    if(value === ‘‘ 
){
                        return errorMsg;
                    }
                },
                minLength:function(value,length,errorMsg){
                    if(value.length<length){
                        return errorMsg;
                    }
                },
                isMobile:function(){
                     
if(!/(^1[3|5|8][0-9]{9}$)/.test(value)){
                        return errorMsg;
                    }
                }
            }
            /***************validator類***************/
            var  Validator = function(){
                this.cache = [];
            };
            
            Validator.prototype.add = function(dom,rules){
                var self = this;
                
                for(var i=0,rule;rule = rules[i++];){
                    (function(rule){
                        var strategyAry = rule.strategy.solit(‘:‘);
                        var errorMsg = rule.errorMsg;
                        
                        self.cache.push(function(){
                            var strategy = strategyAry.shift();
                            strategyAry.unshift(dom.value);
                            strategyAry.push(errorMsg);
                            
                            return strategies[strategy].apply(dom,strategyAry);
                        })
                    })(rule);
                }
            }
            Validator.prototype.start = function(){
                for(var i=0,validatorFunc;validatorFunc = this.cache[i++];){
                    var errorMsg = validatorFunc();
                    if(errorMsg){
                        return errorMsg;
                    }
                }
            }
            
            /************客戶調用代碼***********/
            var registerForm = document.getElementById(‘registerForm‘);
            
            var validatorFunc = function(){
                var validator = new Validator();
                
                validator.add(registerForm.userName,[{
                    strategy:‘isNotEmpty‘,
                    errorMsg:‘用戶名不能為空‘
                },{strategy:‘minLength:10‘,
                    errorMsg:‘用戶名長度不能小於10位‘
                }]);
                
                validator.add(registerForm.passWord,[{
                    strategy:‘minLength:6‘,
                    errorMsg:‘用戶密碼不能小於6位‘
                }]);
                validator.add(registerForm.phoneNumber,[{
                    strategy:‘isMobile‘,
                    errorMsg:‘手機號碼格式不正確‘
                }]);
                
                var errorMsg = validator.start();
                return errorMsg;
            }
            
            registerForm.onsubmit = function(){
                var errorMsg = validatorFunc();
                if(errorMsg){
                    alert(errorMsg);
                    return false;
                }
            }
        </script>
    </body>
</html>

end: 拿走不謝

給某個文本框添加多種校驗規則

div error pre pos value .get get ply body <html> <head> <meta charset="uft-8"> </head>

文本框數量加減功能

nbsp images logs blog num 技術 add .cn total 此功能相當於購物車加減功能： <p class="_stepper"> 　　<input class="stepper_input" data-bind="valu

js生成隨機編碼並賦值給input文本框

查看技術根據 1-1 javascrip clas times product pro 　　　效果圖如下：　　　　　　　　　　　　　　　　　　　　　頁面代碼：　　　　<div class="form-item form-width-in fr">

PDF編輯技巧之如何給PDF文件添加文本框工具？

打開分享圖片頁面 .com 編輯技巧標記辦公移動編輯如何給PDF文件添加文本框工具？PDF文件添加文本框工具的方法是什麽？PDF文件是現在人們常用的一種文件格式，同其他文件一樣只是一種單純的文件格式。PDF文件因為本身的安全性和保密性導致不易編輯，想要編輯PD

在一個文件中添加刪除檢查用戶腳本

del format nbsp arc 文件中 form err 用戶腳本 $2 #!/bin/bash Path=/etc/user.conf if [ ! -f $Path ];then 　　touch $Path fi chmod 644 $Path if [

js實現兩個文本框數值的加減乘除運算

element tle utf-8 運算 tel 加減 value 加減乘除 tex <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></

最近感想+用shell腳本新建文件時添加創建的註釋

網易雲 string 上班 amp 吸引都是 2017年現象保持離職了將近20天了，帶著女朋友回家見了下家長，過了個國慶節，5號返深。當時離職的原因是，對工作現狀不滿（工資待遇低，倒掛），對工作內容積極性不高（興趣不深、沒有成就感），導致這種現象的原因，我分析了下歸

IDEA使用 live template添加groovy腳本給方法,類,js方法添加註釋（轉載）

templates ret 註釋 @class val confirm nts ide con IDEA添加Live Template: File->Setting->Editor->Live Templates Abbreviatio

004 樹形控件TreeCtrlDemo 超級文本框RictEditDemo

asc 樹形控件 null getchar sta nco lock log form #樹形控件TreeCtrlDemo 　　拖拽控件　　修改ID名稱 IDC_TREE 　　添加變量名位 m_tree 　　設置控件屬性 Always Show Selection

Android學習筆記-TextView(文本框)(二)

com ddc tel spanned extra pac 全部 con 平時文章參考自：http://www.runoob.com/w3cnote/android-tutorial-textview.html 2.4 使用autoLink屬性識別鏈接類型當文字中出

ObjectARX對話框添加顏色下拉組合框

alt ring 屬性 drop ngs -1 ner VS2010 1-1 建立Arx基本對話框,最好是基於CAcUidialog類. 首先添加combox控件更改一下屬性: 先修改Owner Draw為Fixed,再更改Has Strings 為true Has Str

文本框制作

too pub tdi 替換 dex sha for ring box using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usin

selenium 操作文本框（textarea輸入）

chrom 作文 tar nag per rup pan sel htm selenium 對文本框的輸入操作一般有兩種形式，傳統的是直接通過定位元素通過sendKeys（）方法直接在文本框中輸入信息。但有時候我們可以通過id 的方式將其進行定位，但卻不能通過sendKey

縮放文本框ExpandTextView

span value pda ron ddl protect private ssi rac 效果圖：代碼： import android.animation.Animator; import android.animation.Ani

js中給easyui的一列添加按鈕

clas easy eas index style lai detailed 發放 btn $("#totalTb").datagrid({ columns: [[ { field: ‘ENTITY_ACTNAME‘, title: ‘活動

利用js在文本框末尾獲得焦點

span fun lap cts cte col character data- color function moveEnd(obj) { obj.focus(); var len = obj.value.length; if (document.selecti

input框添加圖標，代替submit

back 下載功能編碼格式通過 repeat left 壓縮包購物車 input框添加圖標，代替submit的意思是form表單中，將常規的提交按鈕更改成圖標，但是圖標具有提交的功能首先，我們先探討下如何獲取圖標，我是從阿裏巴巴圖標庫中下載的，因為改版的原因，網上

JS 對文本框指定焦點差入值

js 指定位置插入參考文章：http://www.111cn.net/wy/js-ajax/52270.htm 這種方法可行。通過上面的我們就可以將DIV中的光標移動到最後面了一個完整的實例代碼如下復制代碼<button type=”button” onclick=”document.getEleme

oracle 給表和字段添加註釋

oracle 註釋備註comment on column TableName.ColumnName is ‘備註名’;comment on table TableName is ‘備註名‘;oracle 給表和字段添加註釋

Easyui 的日期控件單擊文本框顯示日歷

ctrl scrip word width nbsp || jquery 3.2 href 註意：可用 ctrl+f 搜索 "_outerWidth():0" 1. jQuery.easyui.min.js 1.3.2 版本 function _745(_746

給某個文本框添加多種校驗規則

相關推薦