javascript — Bootstrapvalidator не работает в полях динамического ввода

Bootstrapvalidator не работает в динамических полях ввода

Я использую Bootstrapvalidator для проверки формы, которая имеет ряд динамических полей ввода. Количество отображаемых полей ввода зависит от значения выбранного comboBox (select), который затем отображает количество полей ввода через Ajax.

При изменении значения comboBox (select) в первый раз работает Bootstrapvalidator, но при следующем изменении comboBox (select) валидатор Bootstrap не работает.

Есть ли решение для преодоления этой проблемы?

OnChange ComboBox (выбрать)

 $('#jenis_penawaran').on('change', function () { var jenis_penawaran = this.value; set_bobot_kriteria(jenis_penawaran); }); 

Функция вызывается после OnChange

 function set_bobot_kriteria(par) { var data = { 'jenis_penawaran': par, 'dm': '3', }; $.ajax({ type: 'POST', url: "{amp}lt;?php echo site_url('user/set_bobot'); ?{amp}gt;", data: data, success: function (result) { $('#bobot-kriteria').html(result); //dynamic input field depend on Combobox (select) change $('#form_update_bobot').bootstrapValidator({ //The validator does not work after OnChange the second time and after fields: { "bobot_kriteria[]": { validators: { notEmpty: { message: 'Bobot tidak boleh kosong' }, numeric: { message: 'Bobot harus berupa angka' } } } } }); }, }) } 

Пример динамических полей ввода, сгенерированных из OnChange ComboBox (выбрать)

 {amp}lt;div class="form-group row mb-15"{amp}gt; {amp}lt;label class="col-form-label col-md-3"{amp}gt;Nama Kriteria{amp}lt;/label{amp}gt; {amp}lt;div class="col-md-9"{amp}gt; {amp}lt;div class="input-group"{amp}gt; {amp}lt;div class="input-group-append"{amp}gt;{amp}lt;span class="input-group-text"{amp}gt;{amp}lt;i class="ion-ios-speedometer"{amp}gt;{amp}lt;/i{amp}gt;{amp}lt;/span{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;input type="hidden" name="id_bobot_kriteria[]" value="' . $row-{amp}gt;id_kriteria . '"/{amp}gt; {amp}lt;input type="text" class="form-control" name="bobot_kriteria[]" id="id_bobot_kriteria" /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt;{amp}lt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group row mb-15"{amp}gt; {amp}lt;label class="col-form-label col-md-3"{amp}gt;Nama Kriteria{amp}lt;/label{amp}gt; {amp}lt;div class="col-md-9"{amp}gt; {amp}lt;div class="input-group"{amp}gt; {amp}lt;div class="input-group-append"{amp}gt;{amp}lt;span class="input-group-text"{amp}gt;{amp}lt;i class="ion-ios-speedometer"{amp}gt;{amp}lt;/i{amp}gt;{amp}lt;/span{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;input type="hidden" name="id_bobot_kriteria[]" value="' . $row-{amp}gt;id_kriteria . '"/{amp}gt; {amp}lt;input type="text" class="form-control" name="bobot_kriteria[]" id="id_bobot_kriteria" /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt;{amp}lt; {amp}lt;/div{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector