Javascript 使用“验证动态输入”;formvalidation.io“;
我正在使用插件验证表单。这个插件工作得很好。Javascript 使用“验证动态输入”;formvalidation.io“;,javascript,jquery,twitter-bootstrap,formvalidation-plugin,Javascript,Jquery,Twitter Bootstrap,Formvalidation Plugin,我正在使用插件验证表单。这个插件工作得很好。 但我在验证动态生成的输入时面临问题 下面的代码用于动态生成输入字段 $("#countaccmp").change(function() { var selVal = $(this).val(); $("#textboxDiv").html(''); if(selVal > 0) { for(var i = 1; i<= selVal; i++) { $("#textboxDiv").append('&
但我在验证动态生成的输入时面临问题 下面的代码用于动态生成输入字段
$("#countaccmp").change(function() {
var selVal = $(this).val();
$("#textboxDiv").html('');
if(selVal > 0) {
for(var i = 1; i<= selVal; i++) {
$("#textboxDiv").append('<input type="text" name="accmp'+i+'"
id="accmp'+i+'" class="form-control " />');
}
}
})
请告诉我解决方案。您应该将输入添加到插件中,以便进行验证 为此,请使用
addField
方法,参见下文:
$("#countaccmp").change(function () {
var selVal = $(this).val();
$("#textboxDiv").html('');
if (selVal > 0) {
for (var i = 1; i <= selVal; i++) {
var input = ''
+ '<div class="form-group">'
+ ' <label class="col-sm-3 control-label" for="accmp' + i + '">Accmp ' + i + '</label>'
+ ' <div class="col-sm-5">'
+ ' <input type="text" name="accmp' + i + '" id = "accmp' + i + '" class = "form-control " / >'
+ ' </div>'
+ '</div>';
$("#textboxDiv").append(input);
$('#defaultForm').formValidation('addField', 'accmp' + i, {
validators: {
// Here, add your field validators.
}
});
}
}
});
$(“#countaccmp”).change(函数(){
var selVal=$(this.val();
$(“#textboxDiv”).html(“”);
如果(选择值>0){
对于(var i=1;i,您应该将您的输入添加到插件中,以便进行验证
为此,请使用addField
方法,参见下文:
$("#countaccmp").change(function () {
var selVal = $(this).val();
$("#textboxDiv").html('');
if (selVal > 0) {
for (var i = 1; i <= selVal; i++) {
var input = ''
+ '<div class="form-group">'
+ ' <label class="col-sm-3 control-label" for="accmp' + i + '">Accmp ' + i + '</label>'
+ ' <div class="col-sm-5">'
+ ' <input type="text" name="accmp' + i + '" id = "accmp' + i + '" class = "form-control " / >'
+ ' </div>'
+ '</div>';
$("#textboxDiv").append(input);
$('#defaultForm').formValidation('addField', 'accmp' + i, {
validators: {
// Here, add your field validators.
}
});
}
}
});
$(“#countaccmp”).change(函数(){
var selVal=$(this.val();
$(“#textboxDiv”).html(“”);
如果(选择值>0){
对于(var i=1;如果您的问题与此插件无关,请不要使用标签。已编辑。谢谢。如果您的问题与此插件无关,请不要使用标签。已编辑。谢谢。