フォーム テキストエリアのチェック

質問

1.フォームでsubmit俗に言う[送信ボタン]を押すと同時に
　　テキストボックス内に
　　　未記入やスペースが記入がされていない事
　　　半角英数字のみ記入されている事
　　をチェック後
　　アラートを出すもしくは送信させない

2.テキストボックス内に半角英数字以外は記入不可能にする

上記のような事をする方法をお教え下さい。

回答No.1

onimotsu · ベストアンサー

プロバイダーのcgiを使用してこのように使っています。
送信ボタンを押したときに未入力があれば未入力部分にフォーカスを移します。

</SCRIPT><SCRIPT language="JavaScript">
<!--
function kakunin() {
if (document.F1.項目１.value == "") {
alert("項目１が入力されていません。");
document.F1.項目１.focus();
return(false);
}
if (document.F1.項目２.value == "") {
alert("項目２が入力されていません。");
document.F1.項目２.focus();
return(false);
}
return(true);
}
// -->
//　</SCRIPT>

<FORM NAME="F1" METHOD=POST ACTION="http://www.×××.cgi" onSubmit="return kakunin()">

<INPUT type="submit" value="送信ボタン" onmouseover="_HpbScrollStatus;" onmouseout="_HpbStopScrollStatus();">
<input type="reset" value="リセット">

return kakunin()の「kakunin」は任意に変更可だと思います。

2については只今確認中。

参考URL：

http://tohoho.wakusei.ne.jp/wwwmail.htm

お礼

たいへん参考になりました。
ありがとうございました。

回答No.5

selene_pl

それはちょっと難しそうですね。
キーボードイベントを使う方法もあるかもしれませんが、
素直に、submitさせた後でチェックするほうがいいと思います。

回答No.4

selene_pl

例文そのまま（ime-mode:disabled;）で、半角英数しか受け付けなくできますよ。
試してみればわかりますが、一時的に日本語入力がOFFになります。
わかると思って書きませんでしたが、言葉足らずでしたね。
もっとも、ネットスケープをお使いなら機能しませんが。

補足

こちらこそ言葉足らずでした。
半角英数というよりは
アルファベット(a-z)と
アラビア数字(0-9)のみで
このやり方だと記号の類も入力可能なので
No.3の質問になりました。

回答No.3

selene_pl

2.については、とほほさんのところにありました。(参考リンク)
スタイルシートでできるようです。(IE5.0以上)
以下、引用。

ime-mode: mode (e5)

テキストフォームなどにフォーカスが移動した時の日本語変換（IME）の動作を指定します。通常はautoで、
activeはフォーカス移動時にON、inactiveはフォーカス移動時にオフ、disabledはIMEの使用を禁止しま
す。

メールアドレス：
<INPUT TYPE=text STYLE="ime-mode:disabled">

参考URL：

http://tohoho.wakusei.ne.jp/wwwcss2.htm#Other

お礼

聞いてみるとスゴイ簡単な答えなのですが
全く知りませんでした。
スタイルシートって便利ですね。
ありがとうございました。

半角英数(A-z,0-9)のみしか受け付けないようには
出来ないものですかね？

回答No.2

onimotsu

下記URLに例文が載ってました。
参考までに。

参考URL：

http://www.cj-c.com/java_s/j_f_true.htm

お礼

No.1と同じタイプですね。
ありがとうございました。