javascript - 用 JS 附加 HTML。C#

Question

我在视图中动态添加字段。它运作良好，但规则和事件不适用于新领域。如何为新字段应用规则，例如第一次加载页面时。如果我在数据库中添加了一条新记录并刷新了页面，那么当规则和验证工作时。

$(function addIstPIR() {
        var i = @Model.pt3041iResourseBlockedSnyatyZamechaniya.Count-1;
        $('.addIstPIR').click(function () {
            i++;
            var html2Add = "<div class='col-xs-12 col-sm-12 col-md-9 col-lg-6 form-material floating padding-horizontal-3 '>" +
                                "<select class='form-control' data-val='true' data-val-required='This field is required * !.' id='pt3041iResourseBlockedSnyatyZamechaniya_" + i + "__pt3041iResourseBlockedSnyatyZamechaniya' name='pt3041iResourseBlockedSnyatyZamechaniya[" + i + "].pt3041iResourseBlockedSnyatyZamechaniya'>" +
                                    "<option selected='selected'></option>" +
                                    "<option value='1'>Select 1</option>" +
                                    "<option value='2'>Select 2</option>" +
                                    "<option value='5'>Select 3</option>" +
                                    "<option value='6'>Select 4</option>" + 
                                "</select>" +
                                "<label class='floating-label text-truncate' for='pt3041iResourseBlockedSnyatyZamechaniya_" + i + "__pt3041iResourseBlockedSnyatyZamechaniya'>Some text</label>" +
                                "<span class='text-danger field-validation-valid' data-valmsg-for='pt3041iResourseBlockedSnyatyZamechaniya[" + i + "].pt3041iResourseBlockedSnyatyZamechaniya' data-valmsg-replace='true'></span>" +
                            "</div>" +
                            "<div class='form-material floating'>" +
                                "<input id='pt3041iResourseBlockedSnyatyZamechaniya_" + i + "__ppt3041id' name='pt3041iResourseBlockedSnyatyZamechaniya[" + i + "].ppt3041id' value='0' type='hidden'/>" +
                            "</div>" +
                            "<div class='col-xs-12 col-sm-9 col-md-7 col-lg-5  form-material floating'>" +
                               "<input class='form-control tDecimal3' data-val='true' data-val-number='The field Some text must be a number' data-val-required='Some text.' id='pt3041iResourseBlockedSnyatyZamechaniya_" + i + "__pt3041ivolume' name='pt3041iResourseBlockedSnyatyZamechaniya[" + i + "].pt3041ivolume' value='' type='text'>" +
                               "<label class='floating-label text-truncate' for='pt3041iResourseBlockedSnyatyZamechaniya_" + i + "__pt3041ivolume'>Some Text</label>" +
                             "</div>";
            $('#IFPIRBlock').append(html2Add);
        })
    })

标签： javascriptc#asp.net-mvc