チェックボックスがどれもチェックされておらず、入力フィールドが入力されていない場合に、js を使用してフォームをチェックしたいと考えています。この場合、ユーザーは、少なくとも 1 つの選択を行うか、独自に作成するように指示するメッセージを受け取る必要があります。
フォーム要素...
<input type="checkbox" name="checkboxA" id="checkboxA" value="X" />
<input type="checkbox" name="checkboxB" id="checkboxB" value="Y" />
<input type="checkbox" name="checkboxC" id="checkboxC" value="Z" />
<input type="text" id="Text" class="textfield" value="please enter text." maxlength="100" size="40" onblur="if (this.value == '') {this.value = 'please enter text';}" onfocus="if (this.value == 'please enter text') {this.value = '';}" />
... POST メソッドの実行時に、この js 関数によってチェックされます。
function checkFormElement() {
if ((document.getElementById("text").value == "please enter text.")
&& (document.getElementById("checkboxA").checked == false)
&& (document.getElementById("checkboxB").checked == false)
&& (document.getElementById("checkboxC").checked == false)){
alert("Please choose out of X Y Z or formulate your own choice .");
document.getElementById("checkboxA").focus();
return false;
}
return true;
}
jQuery を使用する方がはるかに簡単だと思いますが、純粋な js でこれを解決する方法を知りたいと思っています。