メールフォームエラー表示について
お世話になります。
以下のフォーム内容エラー表示のスクリプトはWinIEでは動作するのですが、Firefox、Safariでは動作しません。なぜでしょうか?ご教授下さい。
又、メールアドレスを2つ入力個所を設け、その二つが異なる場合エラーを出したいのですが、どうしたらいいでしょうか?
そして、あるチェックボックスにチェックを入れて場合のみ送信ボタンが押すことができるようにするにはどうしたらいいでしょうか?
度重なる質問で申し訳ありません。
何卒宜しくお願い致します。
<html>
<head>
<script type="text/javascript">
<!--
// メールアドレスチェック
function isAddress(address) {
if(address.indexOf("@",0)<=0) {
return false;
} else {
return true;
}
}
// submit可能か判定(form1)
function jdgSubmit1() {
var errItem = "";
// お名前が空の場合
if (document.form1.item('name1').value == null
|| document.form1.item('name1').value == "") {
errItem = errItem + "お名前を入力して下さい。<br />";
document.form1.item('name1').style.backgroundColor = "#BBBBBB";
} else {
document.form1.item('name1').style.backgroundColor = "#ffffff";
}
// ふりがなが空の場合
if (document.form1.item('name2').value == null
|| document.form1.item('name2').value == "") {
errItem = errItem + "ふりがなを入力して下さい。<br />";
document.form1.item('name2').style.backgroundColor = "#BBBBBB";
} else {
document.form1.item('name2').style.backgroundColor = "#ffffff";
}
// E-mailが空の場合
if (document.form1.item('eaddress').value == null
|| document.form1.item('eaddress').value == "") {
errItem = errItem + "メールアドレスを入力して下さい。<br />";
document.form1.item('eaddress').style.backgroundColor = "#BBBBBB";
} else {
if (!isAddress(document.form1.item('eaddress').value)) {
errItem = errItem + "正しいメールアドレスを入力して下さい。<br />";
document.form1.item('eaddress').style.backgroundColor = "#BBBBBB";
} else {
document.form1.item('eaddress').style.backgroundColor = "#ffffff";
}
}
// 本文が空の場合
if (document.form1.item('content').value == null
|| document.form1.item('content').value == "") {
errItem = errItem + "お問い合わせ内容を入力して下さい。<br />";
document.form1.item('content').style.backgroundColor = "#BBBBBB";
} else {
document.form1.item('content').style.backgroundColor = "#ffffff";
}
// エラーがあるか確認
if (errItem != "") {
err.innerHTML = errItem;
return false;
}
document.form1.submit();
}
-->
</script>
</head>
<body>
<form name="form" action="mail-send.php" method="POST">
<div id="err"></div>
<div>
<table cellspacing="0" cellpadding="0">
<tr>
<td>お名前</td>
<td><input type="text" name="name1" size="30" maxlength="100" /></td>
</tr>
<tr>
<td>ふりがな</td>
<td><input type="text" name="name2" size="30" maxlength="100" /></td>
</tr>
<tr>
<td>E-mail</td>
<td><input type="text" name="eaddress" size="30" maxlength="100" /></td>
</tr>
<tr>
<td>本文</td>
<td><textarea name="content" rows="6" /></textarea></td>
</tr>
</table>
</div>
<input type="submit" value="送信" name="submit" id="submit" onClick="jdgSubmit1();return false" />
</form>
</body>
</html>
お礼
そうなんですか・・・。 じゃあ、どうしようもないですよね・・・。 ステータスバーに表示されるので、バーを隠したら でませんけど、別に隠してもいいんですか? 皆さん、ステータスバーって表示されてますか??
補足
書くとこ間違えました。 ありがとうございました。