お問合せフォームで、テキストエリア以外の入力項目でエンターキーを押すと誤送信されてしまう問題が報告されました。
試した対策:
formタグにonsubmit='return false;'を追加したが効果なし提案された解決策:
onsubmit="return false;"だけでは不十分<button type="submit">形式のため、<input type="button" onclick="submit()">に変更する必要がある結果:
質問者がボタンを変更したところ、エンターキーによる誤送信が防止され、問題が解決しました。
いつもお世話になっております。
Dawnのお問合せフォームを使用しています。
フォームを入力する際、テキストエリア以外の項目を入力中にエンターキーを押すとフォームが送信できてしまいます。
送信ボタンを押す以外では、フォームを送信できないようにしたいです。
通常の HTMLであればJavaScriptで制御する方法もあるようですが、formタグにonsubmit="return false;"をつける方法しか見つけられませんでした。
Liquidのformタグを使用し、onsubmit: 'return false;'を追加してみましたが、効いていないようです。
フォームの入力途中に誤送信してしまうのを防ぐにはどのような方法がありますでしょうか？
よろしくお願いいたします。
@Anonymous_876e90207c84eec074dc8f1fbdf1c908 様
こちらの記事が参考になるかもしれません。
formタグに、onsubmit=“return false;” を設定するだけでは不足なようでして、
送信ボタンを、にする必要があるようです。
Dawnでは、送信ボタンはなので、
これを、 にしてみるのはどうでしょうか？
ご参考まで。
(キュー田辺)
株式会社Q 田辺様
ご回答ありがとうございます。
ボタンを変更したらエンターキーを押してもフォームが送信されなくなりました。
ありがとうございました。