javascriptを使ってメールフォームの入力漏れチェック

<script type="text/javascript">
 function chkHissu(frm){
 /* 必須入力のname属性 */
  var hissu=Array("text1","text2","text3");
  /* アラート表示用 */
  var hissu_nm = Array("名前","ふりがな","年齢");
  /* 必須入力の数 */
  var len=hissu.length;
  for(i=0; i
   var obj=frm.elements[hissu[i]];
   /* テキストボックス or テキストエリアが入力されているか調べる */
   if(obj.type=="text" || obj.type=="textarea"){
    if(obj.value==""){
    alert(hissu_nm[i]+"は必須入力項目です");
     frm.elements[hissu[i]].focus();
     return false;
    }
   }else{
   /* radioボタンがチェックされているか調べる */
   for(var j=0, chk=0; j
    /* チェックされていたらchkフラグをプラス */
    if(obj[j].checked) chk++;
   }
   if(chk==0){
    /* 1つもチェックされていない場合はfalseを返してフォーム送信しない */
    alert(hissu_nm[i]+"は必須入力項目です");
    return false;
   }
  }
 }
 return true;
}
</script>


<form action="thanks.php" method="post" onsubmit="return chkHissu(this)">
<table cellspacing="0" cellpadding="0">
<tr>
<td align="right">  <span class="red">※</span>氏名:</TD>
<td align="left"><input type="text" maxlength="100" name="text1" size="20" value="" /><?php if (isset($text1)){echo $text1;} ?></td></td>
</tr>
<tr>
<td align="right">  <span class="red">※</span>ふりがな:</TD>
<td align="left"><input type="text" maxlength="100" name="text2" size="20" value="" /><?php if (isset($text2)){echo $text2;} ?></textarea></td>
</tr>
<tr>
<td align="right">  <span class="red">※</span>年齢:</TD>
<td align="left"><input type="text" maxlength="100" name="text3" size="5" value="" /> 才<?php if (isset($text3)){echo $text3;} ?></textarea></td>
</tr>
<tr>
<td align="right">  <span class="red">※</span>当社を知ったきっかけ</td>
<td align="left" valign="middle" bgcolor="#FFFFFF"><font size="-1">
<input type="checkbox" name="text12" value="インターネット" />  インターネット<br />
<input type="checkbox" name="text12" value="書籍" />  書籍<br />
<input type="checkbox" name="text12" value="雑誌・新聞記事等" />  雑誌・新聞記事等<br />
<input type="checkbox" name="text12" value="その他" />  その他</font>
</td>
</tr>
<tr>
<td align="left"> </td>
<td align="right"><input type="submit" name="submit" value="メールを送る"></td>
</tr>
</table>
</form>

雑草

TUKURUHITO.NET

蒲公英

ホームページ制作無料お問合せフォーム

紅葉

SEO対策

デザイン

外部リンク

ホームページ制作無料お問合せフォーム