基于Bootstrap 3 JQuery及RegExp的表单验证功能_javascript技巧_脚本之家

function register() { //exec checkbox checkBox(); //var var successPanel = $; var failedPanel = $; //judge if  && pwdConfirm && checkBox { successPanel.fadeIn(); } else { failedPanel.fadeIn(); }}

$.ready { $.keyup; $.keyup; $.keyup; $.keyup; $.click;

checkbox:

认清验证码:/^d{5}$/g。

     × Register Succeeded. congratulations!   × Register Failed. Please check the form and try again.   Designed by Alen Hu

验证码:

分明密码:

JQuery:

function checkBox() { //var var checkBox = $; //checked if (checkBox.is { return true; } else { return false; }}
function veriCode() { //var var veriCode = $; var veriCodeVal = veriCode.val(); var veriCodeLen = veriCodeVal.length; var veriCodeHint = $; var veriCodeReg = /^d{5}$/g; //veri code length judge if (veriCodeReg.test { veriCodeHint.html(""); return true; } else { veriCodeHint.html(" Please input CAPTCHA code."); return false; }}
function username() { //var var username = $; var usernameVal = username.val(); var usernameLen = usernameVal.length; var usernameCount = $; var usernameHint = $; var usernameReg = /^w{5,25}$/g; //username length count usernameCount.text(usernameLen + " characters"); //username length judge if (usernameReg.test { usernameHint.html(""); return true; } else { usernameHint.html(" From 5 to 25 characters."); return false; }}

function pwd() { //var var pwd = $; var pwdVal = pwd.val(); var pwdLen = pwdVal.length; var pwdHint = $; var pwdReg = /^[a-zA-Z0-9]{5,25}$/g; //pwd length judge if  { //turn to tick pwdHint.html(""); //pwd lv bgd color if (pwdLen >= 5 && pwdLen <= 10) { $.addClass.siblings().removeClass; } else if (pwdLen >= 11 && pwdLen <= 20) { $.addClass.siblings().removeClass; } else if (pwdLen >= 21 && pwdLen <= 25) { $.addClass.siblings().removeClass; } return true; } else { pwdHint.html(" From 5 to 25 characters."); $.addClass.siblings().removeClass; return false; }}

剖断密码:/^[a-zA-Z0-9]{5,25}$/g。

决断客户名:/^w{5,25}$/g。

最终注册:

如上所述是笔者给大家介绍的依照Bootstrap 3
JQuery及RegExp的表单验证效用,希望对大家有着帮衬,假若我们有别的疑问请给自己留言,作者会及时回复大家的。在这里也特别多谢大家对剧本之家网站的支撑!

客户名必需在5-贰十一个字符之内,并且只可以利用假名、数字或下划线,不然不让通过。
密码必需在5-二十多个字符之内,况且只好采纳假名或数字,不然不让通过。
依照差异密码程度,下边包车型客车low、medium和high会改动背景颜色。
确认密码就不说啊。 验证码只是做了个样本,反正正是设成必需是5个数字。
checkbox必得打勾啦,不然不让通过。 点击注册开关,会有照顾的唤起框弹出。

DEMO在这儿,欢迎来FORK:Form Validation by RegExp。

后天小编在商讨regexp,前些天小编抽空给大家共享表单验证。

珍视意义:

HTML:

function pwdConfirm() { //var var pwd = $; var pwdVal = pwd.val(); var pwdConf = $; var pwdConfVal = pwdConf.val(); var pwdConfHint = $; //pwd confirm judge if (pwdVal === pwdConfVal) { pwdConfHint.html(""); return true; } else { pwdConfHint.html(" Password confirmation."); return false; }}

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图