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