*

メールフォーム入力途中でエラー画面に移動してしまうときの対処方法

 お問い合わせフォームやお申し込みフォーム入力の途中に、Enter(エンター)キーを押したら勝手に送信画面、また入力内容確認画面へ移動してしまい、「必須項目が入力されていません」とエラーメッセージ画面が表示され、「今から必須項目を入力しようと思ってたのに勝手にチェックして勝手にエラーにするんじゃねえよ」といらいらした経験がある方がおられると思います。

 この現象は、改行のきかない1行テキストボックス内で入力中に改行(エンターキー)を押すことにより、発生する場合が多いです。文字入力をし、変換を決定するためにエンター、そして通常のテキスト入力時の癖で、改行気分でもう一度エンターを押してしまう、あるいは郵便番号や番地や電話番号やメールアドレスといった英数字部分を直接入力(無変換)で打ち込み、既に入力が確定しているのに条件反射でエンターキーを押してしまったりすることで、「送信(OK)」ボタンが押されたことになってしまいます。

 なので、意図せず入力画面から次の画面へ移動してしまう場合は、エンターキーの過剰連打をしている可能性が高いので、そのあたりを注意して入力するとよいでしょう。つまり、そのメールフォームページの仕様が原因のエラーで、自身の必須項目入力漏れではない可能性が高いということです。

ウェブページ制作者のためのフォーム送信エラー対処方法

 一般ユーザーの勝手に送信エラー現象時の注意点は上記でよいですが、では自分がつくったウェブサイトのフォーム送信ページでフォーム送信エンターキー入力エラーが起こる場合はどのように該当ホームページを修正すればよいかをさらっと書いておきます。

formタグの修正

<form action="***" method="post">
↓
<form action="***" method="post" onsubmit="return false;">

 これで1行テキストボックス内でエンターキーを押しても送信・OKボタンが押されたと同様の効果はなくなります。
 が、それと同時に送信・OKボタンのクリックも無効になり、それでは意味がないので、以下の部分も修正します。

送信・OKボタンの修正

<input name="***" type="submit" value="送信">
↓
<input name="***" type="button" value="送信" onclick="submit();">

 これで送信・OKボタンが有効になるはずです。
 意図せぬエラー表示が発生すると、ユーザーは疑心暗鬼になり、二度と貴サイトを訪れなくなるかもしれませんので、こういった部分は直しておきたいところです。

※横浜でカスタムメールフォームの製作なら横浜ホームページサービス

関連記事

no image

ツイッターの「プロフィールウィジェット」の一部を再設定する

自分のサイトやブログにツイートを表示するツイッター公式ウィジェット「プロフィールウィジェット」ですが

記事を読む

no image

検索エンジンはGoogleかYahoo!か

日本で最も利用されている検索エンジンはGoogleとYahoo!です。大ざっぱにGoogleが4割、

記事を読む

no image

ジャパンネット銀行のワンタイムデビットを「お名前.com」で使ってみた

ジャパンネット銀行のワンタイムデビット利用可能ネットショップ調査「お名前.com」編です。 結果は

記事を読む

no image

インターネット検索を利用するということ

 以前、70歳近いばりばり社会経験があって引退された女性とお話ししていて、その方はEメールも毎日送受

記事を読む

amazon_creditcard

アマゾンでデフォルトのクレジットカードを変更する方法備忘録

アマゾンに新しいクレジットカードを追加しても、そのカードが初期設定の支払い方法に自動的に変更されませ

記事を読む

no image

Skypeオンライン番号の発信者番号通知実験

SkypeInオンライン番号(050番号)を買ってみました。これによりこの番号であらゆる電話からSk

記事を読む

no image

ジャパンネット銀行の「ワンタイムデビット」をスカイプで使ってみた

「原因不明のエラーです」と表示され、使用不可でした。 ※2010年6月15日追記 使えました。

記事を読む

no image

2ちゃんねるのサーバーダウンとF5キー

某世界最大匿名掲示板2ちゃんねるが3月1日午後から某隣国からのサイバー攻撃によるサーバーダウンにより

記事を読む

no image

ツイッターフォローミーボタンをブログやホームページに設置する

ツイッターフォロー公式ボタンをブログやホームページに設置する方法です。「ホームページやブログにツイ

記事を読む

no image

PamFaxにSkypeクレジットは使用できないようです(2010年2月5日)

インターネット経由でファクス送信できるサービスに PamFax というのがあります。 FAX機なしで

記事を読む

Comment

  1. […] 多分いちばんシンプルな方法はこちらですね。 メールフォーム入力途中でエラー画面に移動してしまうときの対処方法 […]

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

postagestamp01
未使用の切手(貼付済み)を剥がさずに簡単に再利用する方法備忘録

 封筒に貼ってしまってある未使用切手を再利用する方法を郵便局で教わった

kindle_sort
Kindle の デフォルト配信先 の変更方法備忘録

コンテンツと端末の管理 端末タブ 端末名「編集」

itts
テープ起こしで知った言葉201501

今月のテープ起こし案件ではこんな言葉を知りました。ありがとうございまし

KIMG0297
日経ビジネス2014.12.01メモ

トヨタミライは補助金込みで約520万円。 企業交際費は199

itts
テープ起こしで知った言葉201412

今月のテープ起こし案件ではこんな言葉を知りました。ありがとうございまし

→もっと見る

PAGE TOP ↑