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

Javascript 复选框单击,然后使用jquery删除验证,javascript,php,jquery,html,Javascript,Php,Jquery,Html,问题:当我选中“我更新鲜”复选框时,我想隐藏“经验字段”,但他的验证没有隐藏/删除,因此我的表格没有提交 我需要: 当我选中“我更新鲜”时,只隐藏经验域和他的验证 $('.fresher_checked').click(function(){ if (this.checked) { $('div.imfresher').hide(); } else { $('div.imfresher').show();

问题:当我选中“我更新鲜”复选框时,我想隐藏“经验字段”,但他的验证没有隐藏/删除,因此我的表格没有提交

我需要: 当我选中“我更新鲜”时,只隐藏经验域和他的验证

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

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

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

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

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

在JS中添加这两条规则。隐藏前,将该字段设置为禁用

$("#filedId").prop('disabled', true);
不检查验证规则中的
已禁用
字段

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

isDisabled
是一个布尔值

在JS中添加这两条规则。隐藏前,将该字段设置为禁用

$("#filedId").prop('disabled', true);
不检查验证规则中的
已禁用
字段

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

isDisabled
是一个布尔值

请尝试此操作

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

请试试这个

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