介绍
我正在开发一个有表格的 wordpress 网站。该表单的验证是使用 jQuery Inline Form Validation Engine 2.2 进行的。
我有一些单选按钮,有两个选项是/否,然后是一个必填字段,只有在有人选择“否”时才会出现,以解释原因。类似于以下示例:
1 - “John Matrix”比“John Rambo”更酷吗?
→ 是的
不
2 - “突击队”是有史以来最好的电影吗?
是的
→ 没有
为什么不?_ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ _ (* 必填)
所以,如果有人说“不”,“为什么不”字段就会出现:
if( $('#no_commando_field').is(':checked')) {
$('#why_not_field').show();
} else {
$('#why_not_field').hide();
}
问题
我的问题是“为什么不”字段是必需的,即使有人选择了“是”选项(就像它应该做的那样)。只有在之前的答案为“否”时,我才希望将此字段设为必填。
寻求解决问题
在探索代码时(我不是后端专家),我意识到内联表单验证引擎向必填字段添加了一个类,称为“validate[required]”。我尝试使用 jQuery 删除该类,但验证仍然发生。
var validate;
validate = $('#why_not_field').attr('class');
validate = validate.replace('validate[required]','not_validated');
$('#why_not_field').attr('class',validate);
if ( $('#no_commando_field').is(':checked')) {
validate = validate.replace('not_validated','validate[required]');
$('#why_not_field').attr('class',validate);
} else {
validate = validate.replace('validate[required]','not_validated');
$('#why_not_field').attr('class',validate);
}
类交换工作正常,但不知何故,验证仍在发生。尽管此解决方案在以前的表单上对我有用(仅在 wordpress 后台),但我不确定它是否是解决此问题的正确途径。
我希望有人指出我正确的方向,以便我可以更好地理解这个问题,以便解决它。提前致谢。