追加引导程序会导致success类无法工作,出现一些javascript错误
我有一个名为“合作伙伴数量”的表单字段,它取决于上一个下拉列表的选择并显示。否则它是隐藏的。对于“hide”类。我的问题是,在验证该字段后,我无法附加一个成功的类。代码如下:追加引导程序会导致success类无法工作,出现一些javascript错误,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我有一个名为“合作伙伴数量”的表单字段,它取决于上一个下拉列表的选择并显示。否则它是隐藏的。对于“hide”类。我的问题是,在验证该字段后,我无法附加一个成功的类。代码如下: <div class="row" id="divtypeofb"> <div class="col-xs-12"> <div class ="col-md-6">
<div class="row" id="divtypeofb">
<div class="col-xs-12">
<div class ="col-md-6">
<div class="form-group">
<label><li class="hide"></li>No of partners<span style="color: red;"> *</span></label>
<input type="number" name="no_of_promoters" id="number_of_promoters" min="2" value="<?=$business_info_details['no_of_promoters'];?>" class="form-control" placeholder="No of Partners involved" onkeyup="numberValidation('no_of_promoters')" >
<span class="help-block hide"><li class="hide"></li>Select the number of partners involved.</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
$('#company_type_id').change(function(){
if($('#company_type_id').val()!=1){
$("#divtypeofb").show(1000).removeClass("hide");
} else {
$("#divtypeofb").hide(1000).addClass("hide");
$("#no_of_promoters").val('');
}
});
});
function numberValidation(id){
if($("#" + id).val() == null || $.trim($("#" + id).val()) == "" || !$.isNumeric($("#" + id).val())){
var div = $("#" +id).closest('div');
var label = div.find('label');
var span = div.find('span');
div.removeClass("has-success");
div.addClass("has-error");
label.find('li').removeClass('fa fa-check hide');
label.find('li').addClass('fa fa-times-circle-o');
span.removeClass("hide");
$("#" + id).focus();
//$("#" + id).scrollTo($(this),1000);
return false;
} else{
var div = $("#" +id).closest('div');
var label = div.find('label');
var span = div.find('span');
div.removeClass("has-error");
div.addClass("has-success");
label.find('li').removeClass('fa fa-times-circle-o hide');
label.find('li').addClass('fa fa-check');
span.addClass("hide");
return true;
}
}
</script>
合作伙伴数量*
keyup属性使用错误的id调用验证程序:numberValidation('no\u of \u promotors')
。元素的名称是无\u启动子
,但id是启动子的数量
:
<input type="number" name="no_of_promoters" id="number_of_promoters" ...
控制台上有错误吗?你知道它是否到达if/else中的任何一个吗?是的,它根据条件到达if和else中的任何一个,但在那之后,我认为.closest(div)标记有问题。和addClass()thingtrye将div.val()转储到javascript控制台,以查看最近的()函数是否工作。输入的id是number\u of_promotors
notno\u of_promotors
对吗?可能是问题所在。哎呀!!谢谢,这是我能做的最大的错误,这发生在我们当中最好的人身上;-)很高兴听到。作为记录,你能接受这个答案吗?
<div class="row" id="divtypeofb">
<div class="col-xs-12">
<div class ="col-md-6">
<div class="form-group">
<label><li class="hide"></li>No of partners<span style="color: red;"> *</span></label>
<input type="number" name="no_of_promoters" id="number_of_promoters" min="2" value="<?=$business_info_details['no_of_promoters'];?>" class="form-control" placeholder="No of Partners involved" onkeyup="numberValidation('number_of_promoters')" >
<span class="help-block hide"><li class="hide"></li>Select the number of partners involved.</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
$('#company_type_id').change(function(){
if($('#company_type_id').val()!=1){
$("#divtypeofb").show(1000).removeClass("hide");
} else {
$("#divtypeofb").hide(1000).addClass("hide");
$("#number_of_promoters").val('');
}
});
});
function numberValidation(id){
var input = $("#" + id);
var value = input.val();
var div = input.closest('div');
var label = div.find('label');
var span = div.find('span');
var li = label.find('li');
if(value == null || $.trim(value) == "" || !$.isNumeric(value)){
div.removeClass("has-success")
.addClass("has-error");
li.removeClass('fa fa-check hide')
.addClass('fa fa-times-circle-o');
span.removeClass("hide");
input.focus();
//input.scrollTo($(this),1000);
return false;
} else{
div.removeClass("has-error")
.addClass("has-success");
li.removeClass('fa fa-times-circle-o hide')
.addClass('fa fa-check');
span.addClass("hide");
return true;
}
}
</script>