問い合わせフォーム ”required”について

Question

前提・実現したいこと

書籍やネットの情報でホームページを自作しております。
問い合わせ欄にて、フォーム入力情報がＰＨＰでメール送信させています。

入力中にエンターキーで誤送信されてくることが多く、
「onsubmit="return false」「<input type="button" value="送信" onclick="submit();">」
とすることで解消しましたが、

今度は、「required」が効かなくなってしまいました。

初歩的なことかと思いますが、
入力中のエンターキーによる送信を無効にしつつ、
必須項目に対して「required」にて必須とするにはどのようにすればよいのでしょうか・・・？

該当のソースコード

<form action="checks-output.php" method="post" onsubmit="return false;"> 　... <dt>会社名</dt> <dd><input type="text" name="companyname" class="name" required></dd> <dt>お名前</dt> <dd><input type="text" name="name" class="name" required></dd> <dt>お問い合わせ内容</dt> <dd><textarea name="message" class="message"></textarea></dd> 　... <input type="button" value="送信" onclick="submit();"> </form>

Answer 1

フォームの入力チェックをjsで行う事例：
送信フォームの入力必須項目が入力されているかチェックするJavaScriptサンプル

jsでフォーム送信を検査してから送信して、
受信するphp側でももう一度検査するのがよろしいかと。
（いたずらしようと思えば、いくらでもいたずらできてしまうので。）

Comments

[Kojiy]

ありがとうございます。yambejpさんの回答にて実現できました。

Answer 2

いっそ必須チェックはJavaScriptとPHPでされては。

Answer 3

普通はエンターキーを無効にするjsを書くのですが
反応するのは最初のサブミットなので無理やりこうする手もあります

Comments

[yambejp]

<form >
<dt>会社名</dt>
<dd><input type="text" name="companyname" class="name" required></dd>
<dt>お名前</dt>
<dd><input type="text" name="name" class="name" required></dd>
<dt>お問い合わせ内容</dt>
<dd><textarea name="message" class="message"></textarea></dd>
<input type="submit" style="position:absolute;top:-999px" onclick="return false">
<input type="submit" value="送信">
</form>

[yambejp]

モダンなブラウザならdisplay:noneとdisabledでいけそうですけどね
<input type="submit" style="display:none" disabled>

[Kojiy]

こちらで実現できました！ありがとうございます。