更改BootstrapValidator取决于数据

时间:2019-04-12 01:55:20

标签: jquery bootstrapvalidator

我有一个有关列的表,该表决定该列是否为隐藏/重新填充/不要求。

如何设置bootstrapvalidator设置来完成此操作? 我应该将所有列设置为

吗?
  

已启用:错误

然后在for循环中调用类似这样的内容? (来自http://bootstrapvalidator.votintsev.ru/examples/enable-validator/

 var isEmpty = $(this).val() == '';
        $('#enableForm')
                .bootstrapValidator('enableFieldValidators', 'password', !isEmpty)
                .bootstrapValidator('enableFieldValidators', 'confirm_password', !isEmpty);

        // Revalidate the field when user start typing in the password field
        if ($(this).val().length == 1) {
            $('#enableForm').bootstrapValidator('validateField', 'password')
                            .bootstrapValidator('validateField', 'confirm_password');
        }

这是我的代码示例。我想知道这是否是一个很好的解决方案。 任何建议,将不胜感激。谢谢您的阅读。

注意:更改数据库中的数据时,它应该很灵活

js

for(var paramKey in C0101000001_DIV2.attrMap){
            $("div[id$='"+paramKey+"']").show();
        }
$("#incidentForm").bootstrapValidator({

                //live: 'enabled',
                 fields: {
                     contactName: {
                            validators: {
                                notEmpty: {
                                    message: '請填寫姓名'
                                }
                            }
                        },
                        contactMail: {
                            validators: {
                                notEmpty: {
                                    message: '請填寫聯絡資訊-Email'
                                },
                                 emailAddress: {
                                     message: 'Email格式有誤'
                                 }
                            }
                        },
                        incidentTitle:{
                            validators: {
                                notEmpty: {
                                    message: '請填寫事件主旨'
                                }
                            }
                        },
                        incidentDescription:{
                            validators: {
                                notEmpty: {
                                    message: '請填寫事件描述'
                                }
                            }
                        }

                    }
        });

html

<form class="form-horizontal" id="incidentForm" >

<div class="form-group" id="div_contactName" style="display:none">
    <label class="col-md-2 control-label"><span class="spanstar">*</span>聯絡資訊-姓名:</label>
    <div class="col-md-4">
        <input type="text" class="form-control" id="contactName" name="contactName" placeholder="請填寫聯絡資訊-姓名" maxlength="20">
    </div>
</div>
<div class="form-group" id="div_contactMail" style="display:none">
    <label class="col-md-2 control-label"><span class="spanstar">*</span>聯絡資訊-Email:</label>
    <div class="col-md-4">
        <input type="text" class="form-control" id="contactMail" name="contactMail" placeholder="請填寫聯絡資訊-Email">
    </div>      
</div>
<div id="div_incident">
    <div class="form-group" id="div_incidentTitle" style="display:none">
        <div class="col-md-2 control-label">
            <label class="control-label"><span class="spanstar">*</span>事件主旨:</label>
        </div>
        <div class="col-md-10 col-md-8">
            <input type="text" class="form-control" id="incidentTitle" name="incidentTitle" placeholder="請填寫事件主旨 (字數限100字)" maxlength="100">
        </div>                      
    </div>
    <div class="form-group" id="div_incidentDescription" style="display:none">
        <div class="col-md-2 control-label">
            <label class="control-label">內容說明/<br>事件描述:</label>
        </div>
        <div class="col-md-10 col-md-8">
            <textarea class="form-control" id="incidentDescription" name="incidentDescription" placeholder="請填寫事件描述(字數限2000字)" rows="5" maxlength="2000"></textarea>
        </div>                      
    </div>
</div>

0 个答案:

没有答案