入力された内容が、メールアドレスかどうかをチェックするスクリプトです。(簡易チェック)
(サンプルのためHTMLファイルにリンクしています)
<html> <head> <title>HTML index Webサイト</title> <script type="text/javascript"> <!-- function check(){ var flag = 0; // 設定開始(チェックする項目を設定してください) if(!document.form1.email.value.match(/.+@.+\..+/)){ flag = 1; } // 設定終了 if(flag){ window.alert('メールアドレスが正しくありません'); // メールアドレス以外が入力された場合は警告ダイアログを表示 return false; // 送信を中止 } else{ return true; // 送信を実行 } } // --> </script> </head> <body> <form method="POST" action="example.cgi" name="form1" onSubmit="return check()"> <p>E-Mail:<input type="text" name="email" size="35"></p> <p><input type="submit" value="送信"></p> </form> </body> </html>
<head> 〜 </head> 内にスクリプトを記述しておき、フォームの送信時にスクリプトを実行します。
上記の例は、フォームの送信ボタンを押したときに入力内容を確認しています。メールアドレス以外が入力されていれば警告ダイアログを表示して送信を中止し、メールアドレスが入力されていれば送信を実行します。
※このチェック方法は、inputの「type="text"」「type="password"」と、txtareaの入力欄で使用できます。
// 設定開始 〜 // 設定終了 の部分で、チェックする項目を設定してください。
!document.フォーム名.フィールド名.value.match(/.+@.+\..+/)
フォーム名 … formタグの name="" で指定した名前(上記の例では form1)
フィールド名 … フィールドの name="" で指定した名前(上記の例では email)
送信するときにスクリプトを実行するので、formタグに onSubmit="return check()" を指定しています。
青い文字の部分は、必要に応じて書き換えてください。