●JavaScriptでフォーム入力項目チェック
- 必須項目が入力されていないと送信できません。また、アラート画面を閉じると該当するフォームにフォーカスされます。
- ［送信］ボタンを押すと確認画面が出ます。
|
<form method="POST" action="" name="formA"
onSubmit="return ceck_in()" >
・
・フォーム内容
・
<!--ここから入力チェック -->
<script language= "JavaScript">
function ceck_in()
{
txt = document.formA.name.value;
if (txt == "") {
alert("氏名が入力されていません");
document.formA.name.focus();
return false;
}
txt = document.formA.name2.value;
if (txt == "") {
alert("フリガナが入力されていません");
document.formA.name2.focus();
return false;
}
txt = document.formA.postal.value;
if (txt == "") {
alert("郵便番号が入力されていません");
document.formA.postal.focus();
return false;
}
txt = document.formA.add.value;
if (txt == "") {
alert("住所が入力されていません");
document.formA.add.focus();
return false;
}
txt= document.formA.tell.value;
if (txt == "") {
alert("電話番号が入力されていません");
document.formA.tell.focus();
return false;
}
{
if((document.formA.Q1[0].checked == false) &&
(document.formA.Q1[1].checked == false) &&
(document.formA.Q1[2].checked == false)){
alert("希望内容が選択されていません");
document.formA.Q1[0].focus();
return false;}
}
txt=document.formA.naiyou.value;
if(txt.length>100){
alert("その他の内容が100文字以内をこえています");
document.formA.naiyou.focus();
return false;
}
if (confirm("送信します\nよろしいですか？")==false){
return false;
}
}
</script>
<!--ここまで入力チェック -->
</form>
|
●サンプルフォーム
記入欄に記入し、最下部の［送信］ボタンを押して下さい。
|
 |
|
