追加引导程序会导致success类无法工作,出现一些javascript错误

追加引导程序会导致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">

我有一个名为“合作伙伴数量”的表单字段,它取决于上一个下拉列表的选择并显示。否则它是隐藏的。对于“hide”类。我的问题是,在验证该字段后,我无法附加一个成功的类。代码如下:

    <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;">&nbsp;*</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
    not
    no\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;">&nbsp;*</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>