ユーザーが#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はまだフィールドを要求することを主張し、それを隠しますが、提出を受け入れません!