フォーム内容のチェック
原案：平井 公大 氏 （2000/04/01 登録）
入力後、送信ボタンをクリックしてください。
表示サンプル
ソース記述内容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>フォーム内容のチェック</title>
<script type="text/javascript">
<!--
function FormChk() {
var sName = document.okuru.namae.value;
var sEmail = document.okuru.email.value;
var sData = document.okuru.data.value;
if ( ( sName == "" )&&( sEmail == "" )&&( sData == "" ) ) {
alert ("何も記入されていません");
return false;
} else if ( sName == "" ) {
alert("お名前を記入してください");
return false;
} else if ( sEmail == "" ) {
alert("メールアドレスを記入してください");
return false;
} else if ( sEmail.indexOf("@") == -1 ) {
alert("メールアドレスを確認してください");
return false;
} else if ( sData == "" ) {
alert("データを入力してください");
return false;
}
return true;
}
// -->
</script>
</head>
<body>
<form name="okuru" action="mailto:xxx@xxx.xx.xx" method="POST" onSubmit="return FormChk()">
■名前<br>
<input type="text" name="namae" size="40">
<br>
■E-Mail<br>
<input type="text" name="email" size="40">
<br>
■DATA<br>
<textarea name="data" rows="5" cols="45"></textarea>
<br>
<br>
<!-- (ボタン1) ダミーのボタンです。
送信するためには、送信先メールアドレスを書き換えて、
button を submit に変更して下さい。 -->
<input name="button" type="button" value="送信する">
<!-- (ボタン2) 正式なボタン
<input type="submit" value="送信する">
-->
<input name="reset" type="reset" value="中止する">
</form>
</body>
</html>
