html部分:
<div> <span>输入新密码</span> <input id="zhsuper_newpassword" type="password" placeholder="6-12数字与字母组合,区分大小写" maxlength="12"> </div> <div> <span>再次输入新密码</span> <input id="zhsuper_zcnewpassword" type="password" maxlength="12"> </div>jquery部分:
$(function(){ $('.zhsuper_news_revise').click(function () { $('.zhsuper_revisepadss').show(); }); $('.zhsuper_revisepadss_but').click(function () { var newpassword = $('#zhsuper_newpassword'); var zcnewpassword = $('#zhsuper_zcnewpassword'); var regNumber = /\d+/; //验证0-9的任意数字最少出现1次。 var regString = /[a-zA-Z]+/; //验证大小写26个字母任意字母最少出现1次。 if(newpassword.val() === ""){ alert('请输入新的密码!') }else if(newpassword.val().length < 6 || zcnewpassword.val().length < 6){ alert('密码长度不能小于6位'); } else if(zcnewpassword.val() === ""){ alert('请再次输入新的密码!') }else if(newpassword.val() != zcnewpassword.val()){ alert('两次输入的密码不一致!') }else if(regNumber.test(newpassword.val()) && regString.test(newpassword.val())){ console.log(newpassword.val()); //控制台输出填写的新密码 console.log(zcnewpassword.val()); //控制台输出填写的新的密码确认 $('.zhsuper_revisepadss').hide();}else {
alert('输入的密码必须包含数字和字母!');} }); });
简单的input输入密码验证!
最新推荐文章于 2024-07-17 15:59:17 发布