form記入中にenterで送信されてしまわないようにするには？

質問

formタグとISP支給のcgiを使ってメールフォームをアップしています。ユーザー（フォームを記入している人）が記入中にenterを押すと記入途中の内容が送信されてしまうので、「送信」ボタンをクリックしない限り送信できないようにしたいのですが、何かよい方法はないでしょうか。

回答No.3

godakaz

やってみりゃ判るけど、コンファームの戻り値がfalseであれば、何もしません。
モトのフォームの内容が表示されたままです。
return が返ってくるまでは、フォームのサブミット動作に入りませんのでご安心ください。

同様に、input type=reset などのフォーム内容を消去するようなボタンを設置してあるときに、以下のように適用させるのも吉。

<form onReset="return confirm('記入内容を破棄しても宜しいですか？');"　など。

回答No.2

godakaz

こういう「確認ダイアログ方式」も、結構いいですよ。

（実際に使用されるときは、action=の中身はフォームメール用のCGIを指定してくださいね）

<form action="javascript:alert('送信しました');" onSubmit="return confirm('送信しても良いですか');">
<input type="text">
<input type="submit" value="送信">
</form>

補足

早速のご回答ありがとうございます。
この方法だと、フォーム上でユーザーがenterを押してしまうと、一度フォームのページから抜けてしまうと思います。もう一度フォームに戻ったときに、記入途中の内容が保持されているかが心配です。
これだと、今やろうとしていることとは、ちょっとそぐわないような気がします。。。
でも、たいへん参考になりましたので、何かの折には利用してみたいと思います。
ありがとうございました。

回答No.1

noname#3345

<INPUT type="submit">をやめて<INPUT type="button">にすればいいと思います。
確か、enterで動作するのはsubmitボタンなはずですので。

<INPUT type="button" onClick="this.form.submit();">
というようにすれば、クリックしたときのみsubmitの動作をする、という風に制限できます。

補足

早速のご回答ありがとうございます。
ブラウザ上での「送信ボタン」は単なるボタンであり、これをクリックしたときのみ送信のアクションが発生すると考えればよいのですね。
「onClick=」アトリビュートと「this.form.submit()」の引数は初めて見るのですが、バージョンの古いブラウザでも動作するのでしょうか？