复选框单击，然后使用jquery删除验证。

Question

问题:当我签入“我是更新鲜的”复选框时，我想隐藏“体验字段”，但仍然是他的验证没有隐藏/删除，所以我的表单没有提交。

我需要:当我检查“我更新鲜”时，只隐藏经验字段和他的验证。

     $('.fresher_checked').click(function(){
       if (this.checked) {
           $('div.imfresher').hide();
       } else {
           $('div.imfresher').show();
       }
   });

演示中的详细代码

Answer 1

如果也签入了提交代码，则需要选中复选框。

 if($('.fresher_checked').is(":checked"))
      {

      return isNotEmpty($form.find('#f_name'), "Please enter your name.",
               $form.find('#elmNameError'))

               ;
      }
      else{

      return isNotEmpty($form.find('#f_name'), "Please enter your name.",
               $form.find('#elmNameError'))
               && isNotEmpty($form.find('#w_company_one'), "Please enter Experience.",
               $form.find('#elmExpError'))
               ;
      }

工作演示

Answer 2

在JS中添加这两条规则。在隐藏字段之前，使其成为disabled。

$("#filedId").prop('disabled', true);

不要在验证规则中检查disabled字段。

var isDisabled = $('textbox').prop('disabled');

isDisabled是一个布尔值

Answer 3

，请试试这个

$( function() {
   // Set initial focus

     $('.fresher_checked').click(function(){
       if (this.checked) {
            $("#w_company_one").prop('disabled', true); 
           $('div.imfresher').hide();
       } else {
           $("#w_company_one").prop('disabled', false); 
           $('div.imfresher').show();
       }
   });

   //validation
    $('#signup_form').on('submit', function() {
      var $form = $(this);
      // return false would prevent default submission
      return isNotEmpty($form.find('#f_name'), "Please enter your name.",
               $form.find('#elmNameError'))
               && isNotEmpty($form.find('#w_company_one'), "Please enter Experience.",
               $form.find('#elmExpError'))
               ;
   });

   });

 function isNotEmpty(inputElm, errMsg, errElm) {
   var isValid = (inputElm.val().trim() !== "");
   if(inputElm.is(':disabled')){
    return true;
   }
   else
   {
    postValidate(isValid, errMsg, errElm, inputElm);
    return isValid;
   } 
}

function postValidate(isValid, errMsg, errElm, inputElm) {
   if (!isValid) {
      // Show errMsg on errElm, if provided.
      if (errElm !== undefined && errElm !== null
            && errMsg !== undefined && errMsg !== null) {
         errElm.html(errMsg);
      }
      // Set focus on Input Element for correcting error, if provided.
      if (inputElm !== undefined && inputElm !== null) {
         inputElm.addClass("errorBox");  // Add class for styling
         inputElm.focus();
      }
   } else {
      // Clear previous error message on errElm, if provided.
      if (errElm !== undefined && errElm !== null) {
         errElm.html('');
      }
      if (inputElm !== undefined && inputElm !== null) {
         inputElm.removeClass("errorBox");
      }
   }
}