フィールドを検証するためにフォームを送信する際にJavaScriptイベントを使用する際の問題

Question

JavaScriptを使用して検証が「リアルタイム」であるフィールドを持つフォームを実装したいと思います。私はこの方法でJavaイベントを使用することを行うために

：

テキストフィールド

onkeyupの：これは、このフィールドのすべてのためにエラーがあるかどうかをチェックする要求を送信するために使用されますキーを放す時間。エラーがある場合はそれらが表示され、そうでない場合は「OK！」と表示されます。テキスト。

onclickのボタンを

を提出してください：クリックした際にエラーがある場合、これは再びをチェックします。そうであれば、これはエラーを表示し、そうでない場合は送信ボタンを非表示にします。

ページの最後に、私はJavaScriptが表示されたらフォーカスになります。フォームがWITHOUT提出された後、フィールドに同時に onkeyupのとフォーカスイベントを使用して

は、ボタンをクリックしてください（私はEnterキーを使用する場合、ボタンに関連するイベントは、ボタンがクリックされたときにのみ起こり、ありません）フォームを送信する[キーボード上]、フォーカスイベントが自動的 onkeyupのイベントをトリガする：これは送信後、二つの事象（フォーカスが onkeyupのを意味する）ので、テキストフィールドのと呼ばれている、ということを意味しますエラーがある場合は最初に表示され、次に「OK」が表示されます。テキスト。

私は onkeyupのイベントがトリガされませんされるようにフォームを送信した後、フィールドにないフォーカスしたい...またはsubmitボタンの「クリック」をシミュレートするためにEnterキーを使用します。

---

P.S：あなたは「リアルタイム」で検証を実行するために他の技術を知っている（より良い）場合、私に知らせてください。

Answer 1

JQueryおよびJQuery validation pluginは、ライブ検証を実装する面で時間を節約します。

JQuery Form pluginと組み合わせて、（技術的な前に）サブミットすることを確認することもできます。