Twitter bootstrap 对相同数组名称(输入属性)的动态添加字段(如name=”进行引导验证;电子邮件[]”;
我正在进行引导验证。在页面加载时,将显示表单。用户可以通过添加更多/删除链接来加载和删除同一表单。我已经使用jquery完成了这项工作。为了发布所有表单的数据,我使用了数组名,比如name=“email[]” 我已经使用bootstrap validator进行了bootstap验证,但它不起作用。需要帮忙吗 这是我的引导验证程序代码Twitter bootstrap 对相同数组名称(输入属性)的动态添加字段(如name=”进行引导验证;电子邮件[]”;,twitter-bootstrap,validation,jqbootstrapvalidation,Twitter Bootstrap,Validation,Jqbootstrapvalidation,我正在进行引导验证。在页面加载时,将显示表单。用户可以通过添加更多/删除链接来加载和删除同一表单。我已经使用jquery完成了这项工作。为了发布所有表单的数据,我使用了数组名,比如name=“email[]” 我已经使用bootstrap validator进行了bootstap验证,但它不起作用。需要帮忙吗 这是我的引导验证程序代码 <script type="text/javascript">{literal} $(document).ready(function() { $('
<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'
}
}
}
}
});
});
{literal}
$(文档).ready(函数(){
$(“#保存表单”).bootstrapValidator({
消息:“此值无效”,
反馈图标:{
有效:“glyphicon glyphicon ok”,
无效:“glyphicon glyphicon删除”,
正在验证:“glyphicon glyphicon刷新”
},
字段:{
ind_电子邮件[]:{
验证器:{
注意:{
消息:“电子邮件地址是必需的,不能为空”
},
电子邮件地址:{
消息:“输入不是有效的电子邮件地址”
}
}
}
}
});
});
下面是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>
电邮地址:
缺少引号。此外,请指定组。 试试这个
'ind_email[]:{
组别:'.col-sm-5',
验证程序:{
@Vishal…它只对第一个电子邮件地址有效,不验证其他动态添加的块。您需要在动态添加新块时添加验证。请尝试此$opt=$('#email'+number);//动态块的选择器$('#保存表单')。bootstrapValidator('addField',$opt);