2015-10-22 37 views
0

在jQuery驗證器最初工作的一些字段顯示沒有,所以當用戶單擊下一步按鈕時錯誤消息顯示您錯過了1個字段。請在填寫提交的之前填寫,這是完美的,因爲我的預期。因爲我給了ignore:".chk_Field",。但是當用戶點擊是單選按鈕時,用戶可以看到更多的字段。沒有填寫任何字段如果用戶點擊下一個按鈕仍然應該說您錯過了5個字段。請在提交之前填寫,但目前它的意思是您錯過了1個字段。請填寫提交之前這是不是與這行代碼ignore:".chk_Field",jQuery驗證不能在隱藏字段上工作

這裏發生的一切是我的jQuery代碼

function apply_validation() { 
    $(".educationForm").validate({ 
     ignore:".chk_Field", 
     onkeyup: false, 
     showErrors: function (errorMap, errorList) { 

      var errors = this.numberOfInvalids(); 

      if (errors) { 
       var message = 'You have missed ' + errors + ' fields. Please fill before submitted.'; 
       $errorMessageDiv.html(message); 
       $errorMessageDiv.show(); 
      } else { 
       $errorMessageDiv.hide(); 
      } 
      this.defaultShowErrors(); 
     }, 
     errorPlacement: function() { 
      return false; 
     }, 
     highlight: function (element) { 

      if ($(element).is(':radio')) { 

      } else { 
       $(element).addClass('errRed'); 
       $(".chk_field_hlt").addClass('errRed_chkb'); 
       $('#imageUploadForm').addClass('errRed'); 
      } 
      $(element).prevAll('label').find('span.required-star').addClass('text-error-red').removeClass('text-error-black'); 
     }, 
     unhighlight: function (element) { 

      if ($(element).is(':radio')) {} else { 
       $(element).removeClass('errRed'); 
       $(".chk_field_hlt").removeClass('errRed_chkb'); 
      } 
      $(element).prevAll('label').find('span.required-star').addClass('text-error-black').removeClass('text-error-red'); 

     } 
    }); 
} 

這裏是fiddle link

在此先感謝

+0

你見過? http://stackoverflow.com/questions/8466643/jquery-validate-enable-validation-for-hidden-fields –

+0

@DmytroPastovenskyi我嘗試使用忽略:[],但沒有使用:( – Mahadevan

+0

@DmytroPastovenskyi如果我添加忽略[]它不考慮隱藏的瓦倫蒂亞 – Mahadevan

回答

1

試圖把這個代碼行:

$("#expy").find(".chk_Field").removeClass("chk_Field"); 

這裏:

$(".wrk_clp").click(function() { 
     if ($('input[name=rad_emp]:checked').val() == "yes") { 
      $expDiv.show(); 

      $("#expy").find(".chk_Field").removeClass("chk_Field"); 
} 

我只是測試,它似乎工作。

+0

是的好友,我想把同樣的這個答案肯定會工作:) – Mahadevan

+0

可以請你找這個問題http://stackoverflow.com/questions/33223588/error-validation-not-displaying-as-expected-when-the-file-is-attached-using-jque – Mahadevan