jQuery-validate 表单验证

<form id="form_data">
<table>
<tr>
<td colspan="2">  密码修改</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>