简体   繁体   English

jQuery验证与PHP形式

[英]jquery validation with php form

I am trying to use jquery validation for a php form to change your password but I keep getting the error "Your password must be the same as above" when the password is correct. 我正在尝试对PHP表单使用jquery验证来更改您的密码,但是当密码正确时,我一直收到错误消息“您的密码必须与上面相同”。 I can't seem to find out where I have went wrong at all... Here's the JS code 我似乎根本无法找出哪里出了问题...这是JS代码

var changepassword = function() {

    return {
        init: function() {
            /*
             *  Jquery Validation, https://github.com/jzaefferer/jquery-validation
             */

            $('#changepassword').validate({
                errorClass: 'help-block animation-slideUp',
                errorElement: 'div',
                errorPlacement: function(error, e) {
                    e.parents('.form-group > div').append(error);
                },
                highlight: function(e) {
                    $(e).closest('.form-group').removeClass('has-success has-error').addClass('has-error');
                    $(e).closest('.help-block').remove();
                },
                success: function(e) {
                    if (e.closest('.form-group').find('.help-block').length === 2) {
                        e.closest('.help-block').remove();
                    } else {
                        e.closest('.form-group').removeClass('has-success has-error');
                        e.closest('.help-block').remove();
                    }
                },
                rules: {
                    'newpassword': {
                        required: true,
                        minlength: 6
                    },
                    'newpassword-verify': {
                        equalTo: '#newpassword',
                        required: true
                    }
                },
                messages: {
                    'newpassword': {
                        required: 'Please provide a password',
                        minlength: 'Your password must be at least 6 characters long'
                    },
                    'newpassword-verify': {
                        required: 'Please provide a password',
                        minlength: 'Your password must be at least 6 characters long',
                        equalTo: 'Please enter the same password as above'
                    }
                }
            });
        }
    };
}();

This is the PHP/HTML for the form 这是表单的PHP / HTML

<form method="POST" class="form-horizontal form-bordered" id="changepassword">
   <div class="form-group">
        <label class="col-md-3 control-label" for="newpassword">New Password</label>
        <div class="col-md-6">
            <input type="password" id="newpassword" name="newpassword" class="form-control" placeholder="New Password" required>
        </div>
    </div>
   <!-- This is where I keep getting the error -->
   <div class="form-group">
        <label class="col-md-3 control-label">Repeat Password</label>
        <div class="col-md-6">
            <input type="password" id="newpassword-verify" name="newpassword-verify" class="form-control" placeholder="Repeat Password" required>
        </div>
    </div>
    <div class="form-group">
        <label class="col-md-3 control-label" for="oldpassword">Current Password</label>
        <div class="col-md-6">
            <input type="password" id="oldpassword" name="oldpassword" class="form-control" placeholder="Password" required>
        </div>
    </div>
    <div class="form-group form-actions">
        <button type="submit" name="update" class="btn btn-block btn-primary">Update</button>
    </div>
</form>

抱歉,我可以通过制作一个名为settings1.php的新文件,然后删除旧文件并用旧名称重命名新文件来修复它。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM