javascript - 无法使用 jquery 禁用 anchor 标记...在 ajax call() 期间既不能使用 "disabled"也不能使用 e.preventDefault()

Question

现在唯一的问题是没有禁用 anchor 标记，我已经包含了 ajax 提交库，该库现在正在工作，我只想在处理过程中禁用 anchor ，但我无法使用“disable”或 e.preventDefault() 来禁用它们

感谢大家的帮助

        <?php } else if ($currStep == 1) { ?>
            <div class="row setup-content" id="step-2">
                <div class="col-xs-9 col-md-offset-1">   
                    <form id="form-change-password" class="form-horizontal" role="form" method="post" action="<?php echo base_url('user/save_password'); ?>">   
                        <div class="form-group">  
                            <label for="inputEmail" class="control-label col-md-3" style=" padding-left: 0px; ">New Password * </label>
                            <div class="col-md-9">
                                <input type="password" class="form-control input-sm password"  id="inputfield1" value="<?php echo set_value('password'); ?>" placeholder="New Password" name="password">
                                <span class="alert-danger"><?php echo form_error('password'); ?></span>
                            </div>
                        </div>
                        <div class="form-group">  
                            <label for="inputEmail" class="control-label col-md-3" style=" padding-left: 0px; ">Confirm Password * </label>
                            <div class="col-md-9">
                                <input type="password" class="form-control input-sm"  id="inputfield1" value="<?php echo set_value('cpassword'); ?>" placeholder="Confirm Password" name="cpassword">
                                <span class="alert-danger"><?php echo form_error('cpassword'); ?></span>
                            </div>
                        </div>
                        <div class="form-group ">  
                            <label for="inputfield2" class="col-sm-4 control-label"></label>
                            <div class="col-sm-8">
                                <a href="<?php echo base_url() . 'user/upate_step_status/2' ?>" class="nextBtn btn btn-primary pull-right "> Next </a>
                                <div class="loading-2 btn btn-default pull-right hidden" style="width: 70px">
                                    <img src="<?php echo base_url() . 'assets/frontend/img/loading-spinner-blue.gif'; ?>" alt="">
                                </div>
                                <button type="submit" class="save-2 submit btn btn-success pull-right">Save</button>
                                <a href="<?php echo base_url() . 'user/upate_step_status/0' ?>" class=" btn nextBtn btn-default pull-right"> Back </a>
                            </div>
                        </div>  
                    </form> 
                </div>
            </div>
        <?php } else if ($currStep == 2) { ?>

我把js改成了这个

<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script> $('.loading-2').hide();</script>
<script>
    $(document).ready(function () {
        $('#form-change-password').validate({// initialize the plugin
            rules: {
                password: {
                    required: true,
                    minlength: 6
                },
                cpassword: {
                    equalTo: ".password"
                }
            },
            messages: {
                password: " Enter Password with 6 minimum characters",
                cpassword: "Password not matched"
            },
            submitHandler: function () {
                $("#form-change-password :input").prop("disabled", true);
                $("#form-change-password a").prop("disabled", true);
                $(".stepwizard-row a").prop("disabled", true);
                $(".loading-2").removeClass('hidden');
                $('.save-2, .loading-2').toggle();
                $('#form-change-password').ajaxSubmit({
                    success: function (result) {
                        console.log(result);
                        if (result == 1) {

                            setTimeout(function () {
                                $("#form-change-password :input").prop("disabled", false);
                                $("#form-change-password a").click(function (e) {
                                    console.log("oye sabar ker");
                                    e.preventDefault();
                                });
                                $(".stepwizard-row a").prop("disabled", false);
                                $('.save-2, .loading-2').toggle();
                            }, 10000);
                        } else {
                        }
                    }
                });
            },
        });
    });
</script>

Answer 1

好像少了一个逗号。

请更改

                        cpassword :"Password not matched"
                }
        submitHandler: function() {

到

                        cpassword :"Password not matched"
                },
        submitHandler: function() {