山东十一选五遗漏数据:原生js表單驗證(原創)

2019山东十一选五杀号 www.xvcvn.com 所屬分類:輸入-驗證

分享到微信朋友圈
X
原生js表單驗證(原創) ie兼容8

更新時間:2019-11-08 00:45:16

使用規則

1. 給需要驗證的input  添加類名   【必須】   diy-tips="我是為空驗證的提示[可自定義]" 【建議,必須】 [省略有可能會跑偏喲?。?!]

如下示例

<input type="text" >   //diy-tips="自定義提示" 如果不填寫會使用默認星號標志

2. 如果input 元素添加了  regular="自定義正則" 則必須添加 reg-tips="自定義的規則提示" 【建議,必須】  [省略有可能會跑偏喲?。?!]

<input type="text" id="name"  diy-tips="姓名不能為空" regular="^[\u4e00-\u9fa5]+$" reg-tips="我是特殊的定義規則">

3.  密碼驗證 需添加  name="pwd" 屬性  【必須】

4.  確認密碼驗證 需添加 name="confirm-pwd" 【必須】

5.  手機號碼驗證 需添加  name="phone"  【必須】

至此  即可完成自定義配置

本插件 不依賴與任何第三方框架

1. 下載該文件,直接script標簽引入即可

調用方法1

document.querySelector('.js-check1').onclick = function() {
    var check1 = new Check({
        el: '#diy1' ////必須掛載的對象
    }).init();
    if (!check1) { //是否通過驗證
        return false;
    }
    ////以下是驗證通過后的代碼
    alert('表單1驗證通過!!!');
};

調用方法2

document.querySelector('.js-check2').onclick = function() {
    //實例化2  自定義規則參數
    var check2 = new Check({
        el: '#diy2', //掛載對象
        //郵箱
        emailRegular: '^[\\w._][email protected]([qQ][qQ]|[gG][mM][aA][iI][lL]|163)\\.[cC][oO][mM](\\r\\n|\\r|\\n)?$', //郵箱驗證正則
        emailRulesTips: '請輸入正確郵箱',
        //密碼
        pwdRegular: '^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$', //密碼驗證正則
        pwdRulesTips: '輸入密碼與組合規則不一致',
        //確認密碼
        confirmPwdTips: '2次密碼不一致', //確認密碼提示
        //手機
        phoneRegular: '^1(3|4|5|6|7|8|9)\\d{9}$', //手機號碼正則
        phoneRulesTips: '請輸入正確的手機號' //手機號碼驗證提示
    }).init(); //帶參數的初始化
    if (!check2) { //是否通過驗證
        return false;
    }
    ////以下是驗證通過后的代碼
    alert('表單2驗證通過!!!');
};
相關插件-驗證

超炫的登錄頁面 login register

超炫的登錄頁面和注冊頁面 login register
  驗證
 48463  245

jQuery常用網站表單驗證

可用于用戶注冊,網站留言等,有正在輸入提示和失去焦點自動正則驗證輸入框內容
  驗證
 22969  174

jQuery隨機驗證碼

19,AZ隨機生成驗證碼,且顏色及形狀隨機改變
  驗證
 15687  143

簡潔實用的jQuery表單驗證

jQuery表單驗證已經擴展
  驗證
 19483  147

討論這個項目(0)回答他人問題或分享插件使用方法獎勵jQ幣 評論用戶自律公約

取消回復