如果用户选择#no-nonp-reg 单选按钮,则#tax-num 应该被隐藏,而不是必需的。以下是相关的代码片段:
HTML5:
<label>Is your group registered as a nonprofit/tax-exempt?</label>
<input type="radio" id="yes-nonp-reg" name="nonpReg" value="yesNonpReg" checked>Yes
<input type="radio" id="no-nonp-reg" name="nonpReg" value="noNonpReg">No<br>
<span class="no-break" id="tax-num-spn">
<label for="tax-num">Please enter either a Federal EIN or State ID #:</label>
<input id="tax-num" name="taxNum" type="text" pattern="[0-9]{8,}" required>
</span><br>
JS:
$('#no-nonp-reg').click(function(){
"use strict";
$('#tax-num-spn').addClass('hidden');
$('#tax-num').prop('required', false);
$('#tax-num').val("");
});
我也试过:
$('#tax-num').removeAttr('required');
我也试过:
$('#tax-num').attr('required', false);
通常情况下,与 Chrome 和 FF 一起工作得很好。IE仍然坚持要求该字段并且不会接受提交,尽管它确实隐藏了它!