2014-10-09 129 views
-3

我有一个用于编辑用户帐户的表单,那里给出的输入字段包含新密码和旧密码。如果新密码字段未填写,数据将被存储,并且如果填写旧密码字段的新密码字段必须填写,那么我如何提供验证?新密码不等于旧密码。当我更改新密码时如何验证旧密码

这里是我的代码:

<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> 

什么建议吗?

+0

你需要提供你正在尝试做一些示例代码。 – EternalHour 2014-10-09 05:34:43

+0

检查是否填写了新的密码字段。如果已填写,请检查旧密码字段,如果它为空或等于新密码,则显示错误并阻止提交表单。 – Regent 2014-10-09 05:34:55

+0

我认为你必须提供HTML以及你在表单中使用的脚本。 – Mayank 2014-10-09 05:46:23

回答

1
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 
    } 
} 
0

请按照以下HTML & Javascript代码使用jQuery远程验证

<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" 
    }); 
    }