- ベストアンサー
JavaScriptを使用した入力チェック方法
- JavaScriptを使用して、入力チェックを行う方法について説明します。
- テキストボックスの名称を一括で指定せずに、複数の項目の入力チェックをまとめて行いたい場合は、JavaScriptを使用することができます。
- 具体的には、テキストボックスの値を取得し、条件に応じてエラーメッセージを表示することができます。
- s-holmes
- お礼率47% (767/1609)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
s-holmesさんのソースを元にちょっと作ってみました。 フォーム内の全エレメントから選択メニューを探し、OPTION VALUEの値が「err」であればメッセージを表示しています。 参考までにご覧下さい。 <HTML> <HEAD> <TITLE>入力チェック</TITLE> <SCRIPT LANGUAGE="JavaScript"><!-- function submitCheck(){ for( i=0 ; i<document.kansou.length ; i++ ){ if(document.kansou.elements[i].type == "select-one" && document.kansou.elements[i].value == "err"){ alert("だめ"); document.kansou.elements[i].focus(); return false; } } } //--></SCRIPT> </HEAD> <BODY> <FORM NAME="kansou" ACTION="test.cgi" METHOD="post" ENCTYPE="text/plain" onSubmit="return submitCheck()"> <SELECT NAME="yubin"> <OPTION value="err" SELECTED>【選択して下さい】</OPTION> <OPTION value="ほげほげ">ほげほげ</OPTION></SELECT> <SELECT NAME="jusho"> <OPTION value="err" SELECTED>【選択して下さい】</OPTION> <OPTION value="ほげほげ">ほげほげ</OPTION></SELECT> <SELECT NAME="jusho2"> <OPTION value="err" SELECTED>【選択して下さい】</OPTION> <OPTION value="ほげほげ">ほげほげ</OPTION></SELECT> <INPUT TYPE="submit" VALUE="送 信" onClick="document.kansou.name.value=''"> </FORM> </BODY> </HTML>
