jQuery formValidator 表單校正外掛程式 仿網易郵箱註冊頁面

來源:互聯網
上載者:User
 
外掛程式新增功能:
1、增加輸入框設定預設值,formValidator函數增加onShowText(字串,預設值為空白)和onShowTextColor(字串數組,預設值為["#999999","#000000"])兩個屬性。詳見demo8裡的“你的描述”控制項
預設字型為灰色,擷取焦點後錄入的文字是黑色的。
範例:
$("#ms").formValidator({onShowFixText:"",onShowText:"這傢伙很懶,什麼都沒有留下。",ajax:true,onShow:"請輸入你的描述",onFocus:"描述至少要輸入10個漢字或20個字元",onCorrect:"恭喜你,你輸對了",defaultValue:"這傢伙很懶,什麼都沒有留下。"}).inputValidator({min:20,onError:"你輸入的描述長度不正確,請確認"});
2、為initConfig增加mode屬性,統一顯示模式設定。去掉tidyMode屬性
目前支援固定提示層(FixTip)、自動構建提示層(AutoTip)、單個提示層跟隨(SingleTip)、彈出提示內容(AlertTip)4種模式
3、增強固定提示層顯示效果,增加一直顯示的提示層。
為formValidator函數增加屬性onShowFixText(固定提示內容),皮膚目錄js中增加變數onMouseOutFixTextHtml(滑鼠在控制項外時,固定提示內容的html代碼)、onMouseInFixTextHtml(滑鼠在控制項內時,固定提示內容的html代碼):加onShow狀態提示內容固定顯示的模式。詳見demo8
樣子類似於:http://reg.email.163.com/mailregAll/reg0.jsp教程?from=126mail
範例:
$("#email").formValidator({onShowFixText:"6~18個字元,包括字母、數字、底線,以字母開頭,字母或數字結尾",onShow:"請輸入郵箱"....});
 
4、提供校正函數 passwordValidator函數,參數如下所示
1、是否可以連續字元
2、是否所有的字元都可以相同
3、是否跟指定控制項ID相同(例如:使用者名稱)

126郵箱登入位址:http://reg.email.163.com/mailregAll/reg0.jsp?from=126mail
校正成功後,要顯示的文字
var passwordStrengthText = ['密碼強度:弱','密碼強度:中','密碼強度:強']

密碼強度校正規則
1、level:表示校正的等級,從弱到強,從1開始編號
2、flag:1(數字)+2(小寫)+4(大寫)+8(特殊字元)的組合
3、value:0表示跟密碼一樣長,1表示起碼1個長度

var passwordStrengthRule = [
{level:1,rule:[
       {flag:1,value:[0]},   //數字
       {flag:2,value:[0]},    //小寫字元
       {flag:4,value:[0]}   //大寫字元
      ]
},
{level:2,rule:[
       {flag:8,value:[0]},    //特符
       {flag:9,value:[1,1]},  //數字(>=1)+特符>=1)
       {flag:10,value:[1,1]},  //小寫(>=1)+特符>=1)
       {flag:12,value:[1,1]},  //大寫(>=1)+特符>=1)
       {flag:3,value:[1,1]}, //數字(>=1)+小寫(>=1)
       {flag:5,value:[1,1]}, //數字(>=1)+大寫(>=1)
       {flag:6,value:[1,1]}   //小寫(>=1)+大寫(>=1)
      ]
},
{level:3,rule:[
       {flag:11,value:[1,1,1]}, //數字(>=1)+小寫(>=1)+特符(>=1)
       {flag:13,value:[1,1,1]}, //數字(>=1)+大寫(>=1)+特符(>=1)
       {flag:14,value:[1,1,1]}, //小寫(>=1)+大寫(>=1)+特符(>=1)
       {flag:7,value:[1,1,1]} //數字(>=1)+小寫(>=1)+大寫(>=1)
      ]
}
];

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.