Question

问题：当我签入时，我是新鲜的＆＃39;复选框，然后我想隐藏＆＃39;体验字段＆＃39;但仍然是他的验证不隐藏/删除所以我的表单没有提交。

我需要： 当我查看“我更新鲜”时然后只隐藏体验字段和他的验证。

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

Demo

中的详情代码

Answer 1

您还需要检查是否在提交代码中选中了复选框

QueueID

Working Demo

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");
      }
   }
}

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

3 个答案: