Form Checker
Description:
指定のフォームが未入力だと送信されないようになっています。
Demo:
Source:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script language="JavaScript" type="text/javascript">
<!--
function checkFormEmpty(str) {
if(str == "") { return false; }
else { return true; }
}
function checkForm(fobj) {
var errormsg = "";
// name="fchk-name"の入力チェック
if(!checkFormEmpty(fobj.elements["fchk-name"].value)) {
errormsg += "*名前欄が未入力です。\n"; //警告文。\nは改行
}
// name="fchk-email"の入力チェック
if(!checkFormEmpty(fobj.elements["fchk-email"].value)) {
errormsg += "*メールアドレス欄が未入力です。\n";
}
if(errormsg != "") {
alert(errormsg);
return false;
}
return true;
}
//-->
</script>
</head>
<body>
<!-- チェックを行う入力欄には name="" をきちんと指定する。 -->
<form method="post" onSubmit="return checkForm(this);">
<p>あなたのお名前:<input type="text" name="fchk-name"></p>
<p>メールアドレス:<input type="text" size="30" name="fchk-email"></p>
<p><input type="submit" value="送信"><input type="reset" value="リセット"></p>
</form>
</body>
</html>
Advice:
Arrangement:
Browser:
Internet Explorer3.0以上
Netscape Navigator2.0以上