简单的input输入密码验证！

最新推荐文章于 2024-07-17 15:59:17 发布

H-哈哈哈哈

最新推荐文章于 2024-07-17 15:59:17 发布

阅读量5k

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/Hocen_Jonin/article/details/75425743

版权

JQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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('输入的密码必须包含数字和字母！');
        }
    });
});