JavaScriptで入力チェック(必須入力と規約チェック) | でっぷりんのひとりごと

でっぷりんのひとりごと

時々独り言をつぶやくのである・・・・

<script type="text/javascript">
<!--
function check(){
 // 必須チェック
 if(document.myform.names.value == ""){
  flag = 1;
 }
//規約チェック
 if(!document.myform.kiyaku.checked & flag == 0){
  flag = 2;
 }
 // 処理
 if(flag==2){
  window.alert('規約に同意するにチェックして下さい。'); // 規約未チェック警告
  return false; // 送信を中止
 }else if(flag==1){
  window.alert('必須項目を入力して下さい。'); // 入力漏れがあれば警告ダイアログを表示
  return false; // 送信を中止
 }else{
  return true; // 送信を実行
 }
}
// -->
</script>

■■■ HTML ■■■
<form action="next.php" method="post" name="myform" id="myform" onSubmit="return check()">
<input name="names" type="text" id="" /></i>
<input type="checkbox" name="kiyaku" value="ok"> 規約に同意する
<input class="botan"  type="submit" value="確認画面へ" />
</form>

ペタしてね読者登録してね

JavaScript ブログランキングへ