Question

我正在使用 jquery.validate.js ，当我使用$("#formUserEdit").submit(function (e)

时，验证工作正常

但是当我使用$('#btnModify').on('click', function (event) {时，表单已成功提交而未检查验证。我不知道这背后的问题是什么。我正在通过json提交表单数据。

<form id="formUserEdit" method="post" action="#" >
                            <div class="form-group has-feedback">
                                <label for="txtFIRSTNAME">First Name</label>

                                <input id="txtFIRSTNAME" type="text" name="txtFIRSTNAME" class="form-control" placeholder="Enter first name" />
                                <span class="glyphicon form-control-feedback" id="txtFIRSTNAME1"></span>
                                <input type="hidden" id="txtId" />
                            </div>
<button type="submit" class="btn btn-success" id="btnModify">OK</button>
<form>

    $(document).ready(function () {
    rules: {
                txtFIRSTNAME: {
                    minlength: 2,
                    maxlength: 128,
                    required: true
                }, },
            highlight: function (element) {
                var id_attr = "#" + $(element).attr("id") + "1";
                $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
                $(id_attr).removeClass('glyphicon-ok').addClass('glyphicon-remove');
            },
            unhighlight: function (element) {
                var id_attr = "#" + $(element).attr("id") + "1";
                $(element).closest('.form-group').removeClass('has-error').addClass('has-success');
                $(id_attr).removeClass('glyphicon-remove').addClass('glyphicon-ok');
            },
            errorElement: 'span',
            errorClass: 'help-block',
            errorPlacement: function (error, element) {
                if (element.length) {
                    error.insertAfter(element);
                } else {
                    error.insertAfter(element);
                }
            }
        });
    });

    $("#formUserEdit").submit(function (e) {

    e.preventDefault();

    }

Answer 1

您的表单没有贴标签

Answer 2

为什么使用以下函数，这会阻止提交的默认事件

$("#formUserEdit").submit(function (e) {

e.preventDefault();

}

使用客户端验证时不提交表单

2 个答案: