简单的input输入密码验证!

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(输入的密码必须包含数字和字母!);         }
    });
});
经验分享 程序员 微信小程序 职场和发展