使用客户端验证时表单未提交答案

【问题标题】：Form not submitting when using client side validation使用客户端验证时表单未提交
【发布时间】：2016-06-25 01:38:20
【问题描述】：

我正在使用 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();

    }

【问题讨论】：

尝试将 type="submit" 改为 type ="button"

标签： javascript jquery asp.net-mvc asp.net-mvc-4

【解决方案1】：

您的表单没有关闭标签

【讨论】：

【解决方案2】：

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

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

e.preventDefault();

}

【讨论】：