Jquery 如何在更改新密码时验证旧密码
我有一个用于编辑用户帐户的表单,其中我给出的输入字段包含新密码和旧密码。如果未填写新密码字段,则将存储数据,如果必须填写旧密码字段中填写的新密码字段,则如何提供验证?新密码不等于旧密码 这是我的密码:Jquery 如何在更改新密码时验证旧密码,jquery,Jquery,我有一个用于编辑用户帐户的表单,其中我给出的输入字段包含新密码和旧密码。如果未填写新密码字段,则将存储数据,如果必须填写旧密码字段中填写的新密码字段,则如何提供验证?新密码不等于旧密码 这是我的密码: <div class="form-group"> <label class="control-label">Current Password</label> <input type="password" name="currentPas
<div class="form-group">
<label class="control-label">Current Password</label>
<input type="password" name="currentPassword" class="form-control">
</div>
<div class="form-group">
<label class="control-label">New Password</label><input type="password" name="newPassword" id="newPassword" class="form-control">
</div>
当前密码
新密码
有什么建议吗?考虑到您的HTML是这样的:-
Considering you HTML to be something like this:-
<div class="form-group">
<label class="control-label">Current Password</label>
<input id="oldpassword" type="password" name="currentPassword" class="form-control">
</div>
<div class="form-group">
<label class="control-label">New Password</label>
<input type="password" name="newPassword" id="newPassword" class="form-control">
</div>
Javascript Code:-
if ($.trim($('#newPassword').val()) != "" && $.trim($(#oldpassword').val()) == "")
{
return false; // Display error message
}
else if ($.trim($('#newPassword').val()) != "" && $.trim($(#oldpassword').val()) != "")
{
if ($.trim($('#newPassword').val()) != $.trim($(#old`enter code here`password').val())
{
//Show error message that password doesn't match
}
}
当前密码
新密码
Javascript代码:-
if($.trim($('.#newPassword').val())!=“”&&&$.trim($(#oldpassword').val())=“”)
{
返回false;//显示错误消息
}
否则如果($.trim($('.'newPassword').val())!=“”&&&$.trim($('oldpassword').val())!=“”)
{
if($.trim($('#newPassword').val())!=$.trim($(#old`在此处输入代码'密码').val())
{
//显示密码不匹配的错误消息
}
}
请使用Jquery远程验证遵循以下HTML和Javascript代码
<div class="form-group">
<label>Password:<i class="star-requird">*</i></label>
<i class="clearfix"></i>
<input type="password" class="form-control" name="password"id="password" value="">
</div>
<div class="form-group">
<label>Confirm password:<i class="star-requird">*</i></label>
<i class="clearfix"></i>
<input type="password" class="form-control" name="confirm_password" id="confirm_password" value="">
</div>
<div class="form-group">
<label>Old password:<i class="star-requird">*</i></label>
<i class="clearfix"></i>
<input type="password" class="form-control" name="old_password" id="old_password" value="">
</div>
<input class="btn green-btn btn-margin-none" type="submit" value="Reset" title="Reset" onClick="return formvalidationReset();">
function formvalidationReset() {
$("#reset_form").validate({
rules: {
password: {required: true},
confirm_password: {required: true, equalTo: "#password"},
old_password: {
required: true,
remote: {
url: "matchOldPassword.php',
type: "post",
data: {
old_password: function() {
return $("#old_password").val();
},
csrf_dw_name : $.cookie('csrf_cookie_name')
}
}
}
},
messages: {
password: {required: "Please enter passowrd"},
confirm_password: {required: "Please enter confirm password",
equalTo: "Your passwords & confirm password does not match.",},
old_password: {required: "Please enter old password",
remote: "Old password does not match."}
},
errorElement: "p"
});
}
密码:*
确认密码:*
旧密码:*
函数formvalidationReset(){
$(“#重置表格”)。验证({
规则:{
密码:{必需:true},
确认密码:{必需:true,等于:{密码},
旧密码:{
要求:正确,
远程:{
url:“matchOldPassword.php”,
类型:“post”,
数据:{
旧密码:函数(){
返回$(“#旧密码”).val();
},
csrf\u dw\u name:$.cookie('csrf\u cookie\u name'))
}
}
}
},
信息:{
密码:{必需:“请输入passowrd”},
确认密码:{必需:“请输入确认密码”,
equalTo:“您的密码与确认密码不匹配。”,},
旧密码:{必需:“请输入旧密码”,
远程:“旧密码不匹配。”}
},
错误元素:“p”
});
}
您需要提供一些您正在尝试执行的操作的示例代码。检查新密码字段是否已填充。如果已填充,请检查旧密码字段,如果该字段为空或等于新密码,则显示错误并阻止表单提交。我想您必须提供html以及在表单中使用的脚本。