我有一个小项目,它允许客户更改他们的密码。Jquery验证和Ajax调用
当客户完成文本框,并点击按钮,将会有ajax调用,并在成功时返回一些东西。
这个功能很好用。但是,当我尝试添加Jquery validate插件时,该插件根本无法使用。
这是我的代码。
$(document).ready(function() {
ValideteForm();
$("#btnChangePassword").click(function (e) {
var oldPassword = $("#txtOldPassword").val();
var newPassword = $("#txtNewPassword").val();
var userID = parseInt($("#txtUserID").val());
e.preventDefault();
ChangePassword(userID, oldPassword, newPassword);
});
});
function ChangePassword(UserID, OldPassword, NewPassword) {
$.ajax({
type: "POST",
url: "/WebServices/EditUserInformation.asmx/ChangePassword",
data: '{"UserID":"' + UserID + '","OldPassword":"' + OldPassword + '","NewPassword":"' + NewPassword + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
$("#UpdateResult").hide();
$("#UpdateResult").fadeIn(300);
$("#UpdateResult").html(msg.d);
$("#UpdateResult").fadeOut(5000)
},
error: function() {
alert("Error Happened");
}
});
}
function ValideteForm() {
$("#passwordForm").validate(
{
rules: {
txtOldPassword: {
required: true
},
txtNewPassword: {
required: true
},
txtConfirmNewPassword: {
required: true,
equalTo: "#txtNewPassword"
}
},
messages: {
txtOldPassword: {
required: "Please enter old password"
},
txtNewPassword: {
required: "Please enter your new password"
},
txtConfirmNewPassword: {
required: "Please re-enter your password",
equalTo: "Please enter the same password as above"
}
}
});
}
我该怎么办?请帮忙吗?非常感谢!
不应该在调用Formate的提交时调用ValidateformI()吗?像'$(“#passwordForm”)。submit(function(){return ValidateForm(); }); – Balanivash