jquery - 我是如何在新的动态 html 中使用 jquery 验证的？

Question

我正在通过 jquery 模式调用视图（部分视图），并且在该模式中，我有一个按钮来执行创建新员工的操作。但我无法做到，如果空间没有填充或填充得不好，错误警告就会出现在正常视图中。

谁能帮我？

我的观点指数（员工）

<div class="modal fade" id="myModal3" role="dialog" ata-keyboard="false" 
     data-backdrop="static">
  <div class="modal-dialog  modal-lg  modal-dialog-centered" role="document">

    <!-- Modal content-->
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Criar Funcionário</h4>
        </div>
        <div class="modal-body" id="create">

        </div>
        <div class="modal-footer">
            <button type="submit" class="btn btn-primary btn-submitcreate">Criar</button>
            <button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button>
        </div>
    </div>

</div>

@section 脚本 {

<script>
    $(document).ready(function () {


        <button type="button" class="btn btn-info btn-lg btn-create" data-toggle="modal" data-target="#myModal3">Criar    Funcionário</button> 



        $(".btn-create").on("click", function (e) {
            $("#create").load("/Employees/Create/");
             var validator = $('#create').validate();
             validator.form();
        });
        $(".btn-submitcreate").on("click", function (e) {
            var parentDiv = $('#create');
            
            $.post(parentDiv.find('form').attr('action'),
                parentDiv.find('form').serialize(),
                function (data) {
                    
                    location.reload();
                
                });
        });

    });

</script>

}

我的创建视图

以下代码是我在创建视图中的字段

        <div class="col-md-2">
            <div class="col-md-12">
                @Html.LabelFor(model => model.Number, htmlAttributes: new { @class = "control-label" })
            </div>
            <div class="col-md-12">
                @Html.EditorFor(model => model.Number, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Number, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="col-md-10">
            <div class="col-md-12">
                @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label" })
            </div>
            <div class="col-md-12">
                @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
            </div>
        </div>

    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="col-md-12">
                @Html.LabelFor(model => model.BirthDate, htmlAttributes: new { @class = "control-label" })
            </div>
            <div class="col-md-12">
                @Html.EditorFor(model => model.BirthDate, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.BirthDate, "", new { @class = "text-danger" })
            </div>

        </div>

        <div class="col-md-6">
            <div class="col-md-12">
                @Html.LabelFor(model => model.MaritalStatus, htmlAttributes: new { @class = "control-label" })
            </div>
            <div class="col-md-12">
                @Html.EditorFor(model => model.MaritalStatus, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.MaritalStatus, "", new { @class = "text-danger" })
            </div>
        </div>
    </div>

标签： jqueryasp.net-mvcjquery-validate