jQuery-validate 表单验证

jsp代码

<form id="form_data">
        <table>
            <tr>
                <td colspan="2">&nbsp;&nbsp;密码修改</td>
            </tr>
            <tr>
                <td><label><em>*</em>原密码</label></td>
                <td><input type="password" name="password_old" placeholder="请输入原密码"/></td>
            </tr>
            <tr>
                <td><label><em>*</em>新密码</label></td>
                <td><input id="password_new" type="password" name="password_new" placeholder="请输入新密码"/>
                </td>
            </tr>
            <tr>
                <td><label><em>*</em>确认新密码</label></td>
                <td><input type="password" name="password_again" placeholder="请输入确认新密码"/></td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="submit" value="提交">
                </td>
            </tr>
        </table>
    </form>

<script>
    jQuery.validator.addMethod("checkPassword", function (value) {
        var result = false;
        $.ajax({
            url: "${basePath}/center/checkOldPassword",
            data: {password: value},
            async: false,
            success: function (data) {
                if (data) {
                    result = true;
                }
            }
        });
        return result;
    }, '原密码不正确！');
    $(function () {
        $("#form_data").validate({
            debug: false, //false表示验证通过后不要自动提交表单
            onkeyup: false, //表示关闭按键松开时候监听验证
            rules: {
                password_old: {
                    required: true
,
             checkPassword: true  
                },
                password_new: "required",
                password_again: {
                    equalTo: "#password_new"
                }
            },
            messages: { //自定义错误信息，默认为英文，除了在这里配置以为，还可以通过配置文件进行配置
                password_old: {
                    required: "请输入原密码！"
                },
                password_new: {
                    required: "请输入新密码！"
                },
                password_again: {
                    equalTo: "新密码输入不一致！"
                }
            },
            //验证通过可以在这里做你想做的事情
            submitHandler: function (form) {
                form.submit();
            }
        });
    });
</script>