用jquery validate插件实现强密码验证

用jquery validate插件实现强密码验证

用户修改密码时,新密码必须至少一个大写字母、一个小写字母及一个符号组成,实现强制强密码。

javascript代码:

$(function() {            $("#form1").validate({                rules: {                    txbOldPwd: 'required',                    txbNewPwd1:                {                    required: true,                    regexPassword: true,                    same:true                },                    txbNewPwd2: { required: true, rangelength: [8, 15], equalTo: "#txbNewPwd1" }                },                messages: {                    txbOldPwd: '请输入老密码',                    txbNewPwd1:                {                    required: '请输入新密码',                    regexPassword: '密码至少包一个大写字母、一个小写字母及一个符号,长度至少8位',                    same:'新密码不能与老密码一样'                },                    txbNewPwd2: {                        required: "请输入确认密码",                        rangelength: "确认密码不能小于8个字符",                        equalTo: "两次输入密码不一致"                    }                },                errorElement: "em", //可以用其他标签,记住把样式也对应修改                success: function(label) {                    //label指向上面那个错误提示信息标签em                    label.text(" ")//清空错误提示消息.addClass("success"); //加上自定义的success类                }            });            jQuery.validator.addMethod("same", function(value, element) {                return this.optional(element) || same(value);            }, "新密码不能与老密码重复");            function same(pwd) {                var oldPwd = $("#txbOldPwd").val();                if (oldPwd == pwd)                    return false;                else                    return true;            }            
// 密码验证正则表达式jQuery.validator.addMethod("regexPassword", function(value, element) {    return this.optional(element) || /^(?=^.{8,}$)((?=.*d)|(?=.*W+))(?![.])(?=.*[A-Z])(?=.*[a-z]).*$/.test(value);}, "一个大写,一个小写,一个符号");



})


aspx

<form  runat="server">    <div  >        <div >用户管理 >> 修改密码</div>        <div  >                    <table >                <tr>                    <td  width=30%>老密码:</td>                    <td class=tdRight>                        <asp:TextBox ID="txbOldPwd" runat="server" Width=180px title="输入旧密码" TextMode="Password"                             ></asp:TextBox><em>*</em>                    </td>                </tr>                <tr>                    <td >新密码:</td>                    <td class=tdRight>                        <asp:TextBox ID="txbNewPwd1" runat="server" Width=180px title="输入新密码"                             TextMode="Password"></asp:TextBox>                    </td>                </tr>                <tr>                    <td >新密码确认:</td>                    <td class=tdRight>                        <asp:TextBox ID="txbNewPwd2" runat="server" Width=180px title="新密码确认"                             TextMode="Password"></asp:TextBox>                    </td>                </tr>                <tr>                    <td  colspan="2">                        <asp:Button ID="Button1" runat="server" Text="修   改" CssClass="btn" />                    </td>                </tr>            </table>        </div>    </div>    </form>

推荐阅读