Question

在我的选项卡表单中，所有文本字段都会验证，但文本区域不会验证。

我的代码：

  allNextBtn.click(function(){

      var curStep = $(this).closest(".setup-content"),
          curStepBtn = curStep.attr("id"),
          nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
          curInputs = curStep.find("input[type='text'],input[type='url'],input[type='textarea']"),
          isValid = true;
      $(".form-group").removeClass("has-error");
      for(var i=0; i<curInputs.length; i++){
          if (!curInputs[i].validity.valid){
              isValid = false;
              $(curInputs[i]).closest(".form-group").addClass("has-error");
          }
      }


      if (isValid)
          nextStepWizard.removeAttr('disabled').trigger('click');
  });

此处input[type='textarea']不起作用。

Answer 1

curInputs = curStep.find("input[type='text'],input[type='url'],input[type='textarea']")

而不是写

curInputs = curStep.find("input[type='text'],input[type='url'],textarea")

用于选择和广播

添加此

curInputs = curStep.find("input[type='text'],input[type='url'],textarea,select,input[type='radio']")

Answer 2

不要使用输入[type =＆＃39; textarea＆＃39;]，而只使用curStep.find中的textarea

文本区域不是valided bootstrap选项卡

2 个答案: