jquery密码验证插件

来源:互联网 发布:工程项目管理软件源码 编辑:程序博客网 时间:2024/06/07 10:10

<scripttype="text/javascript"src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>

<script type="text/javascript"src="../messages_zh.js"></script>

以上是需引入的文件,还需引入jQuery文件,而且必须放在这两个文件前面(原因前面已经讲了,就不再赘述)。

jQuery PasswordValidation(密码验证)插件扩展了 jQuery Validate 插件,提供了两种组件:

一种评价密码的相关因素的功能:比如大小写字母的混合情况、字符(数字、特殊字符)的混合情况、长度、与用户名的相似度(可选的)。

一种使用评价功能显示密码强度的验证插件自定义方法。显示的文本可以被本地化。

<form action=""id="formdata">

    <labelfor="text1">密  码</label>

    <inputtype="text" id="text1"name="password"/><br>

    <labelfor="text2">确认密码</label>

    <inputtype="text" id="text2"name="repassword"/><br>

    <inputtype="submit" value="验证"/>

</form>

<script>

$.validator.setDefaults({

       submitHandler:function(){

           alert("验证成功!");

        }

    });

   $("#formdata").validate({

       rules:{

           password:{

               required:true,

               maxlength:"6"

           },

           repassword:{

               equalTo:"[name='password']"

            }

        }

});

</script>

使用插件的方式,极大地简化了代码量,也省去了用正则表达式判断的复杂性。

原创粉丝点击