2 つのラジオ ボタンと 2 つの対応するテキスト ボックスを含む Web ページがあります。どちらも単一のラジオ グループの一部です。このページには送信ボタンもあります。
o ラジオ 1 [テキスト ボックス 1] o ラジオ 2 [テキスト ボックス 2]
|提出|
Radio1 を選択して送信をクリックすると、エラーが発生した場合に検証エラー メッセージが表示されます。これらは、すべてのフィールドのページの上部に表示されるグローバル エラー メッセージです。のvalidatorMessage属性を使用しました
<h:inputText>
エラーを表示し、
<f:validateRegex pattern="(^[0-9]{1,15}$)" />
エラーを検証します。また、私は持っています
<h:messages class="errors" style="color:red;" layout="table" />
xhtml ページの上部にあります。
私の要件は、Radio2 をクリックしたときに、Radio1 のエラー メッセージが表示されないようにすることです。これは、Radio2 とは関係がないためです。逆も同様です。
Radio2 が選択されるたびに AJax または JS を使用して Radio1 のエラー メッセージをクリアする方法はありますか?
無線コードで更新:
<t:selectOneRadio id="options" value="#{reqscope.selectedRadio}" layout="spread">
<f:selectItem itemValue="radio1" itemLabel="Policy number" />
<f:selectItem itemValue="radio2" itemLabel="Customer ID" />
</t:selectOneRadio>
<t:radio for="options" index="0" name="search_by1" onclick="searchSelected()">