2015-01-09 73 views
3

我正在進行引導驗證。在頁面加載時,表單正在顯示。用戶可以通過添加更多/刪除鏈接來加載和刪除相同的表單。我已經做了這個使用jQuery。要發佈所有表單的數據,我正在使用數組名稱,如name =「email []」。引導驗證動態添加字段相同的數組名稱(輸入屬性),如名稱=「電子郵件[]」

我已經完成bootstap驗證使用引導驗證器,但它不工作。這裏的任何幫助,請...

是我的自舉驗證碼

<script type="text/javascript">{literal} 
$(document).ready(function() { 
$('#save_form').bootstrapValidator({ 
    message: 'This value is not valid', 
    feedbackIcons: { 
     valid: 'glyphicon glyphicon-ok', 
     invalid: 'glyphicon glyphicon-remove', 
     validating: 'glyphicon glyphicon-refresh' 
    }, 
    fields: { 
     ind_email[]: { 
      validators: { 
       notEmpty: { 
        message: 'The email address is required and can\'t be empty' 
       }, 
       emailAddress: { 
        message: 'The input is not a valid email address' 
       } 
      } 
     } 
    } 
}); 
}); 

下面是HTML代碼

<form action="{$data.action}" method="post" enctype="multipart/form-data" name="save_form" id="save_form" class="form-horizontal" 
    data-bv-feedbackicons-valid="glyphicon glyphicon-ok" 
    data-bv-feedbackicons-invalid="glyphicon glyphicon-remove" 
    data-bv-feedbackicons-validating="glyphicon glyphicon-refresh"> 
<div class="form-group"> 
    <label class="col-sm-3 control-label">Email Address:</label> 
    <div class="col-sm-5"><input type="text" name="ind_email[]" value="" id="email1" class="form-control"/></div> 
</div> 

回答

2

報價失蹤。另外,指定組。 試試這個

'ind_email[]': { group: '.col-sm-5', validators: {

+0

@Vishal ......它僅適用於第一個電子郵件地址, –

+0

你需要在你動態地添加新的塊時添加驗證其沒有驗證其他動態添加塊。試試這個 $ opt = $('#email'+ number); //選擇動態塊 $('#save_form')。bootstrapValidator('addField',$ opt); – Vishal

相關問題