使用JavaScript事件提交表單以驗證其字段時遇到問題

Question

我想要使用JavaScript實現驗證是「實時」的字段的表單。

爲了做到這一點我用Java的事件是這樣的：

文本字段

的onkeyup：這是用來是否有此字段的每一個錯誤發送，檢查的請求你釋放一個密鑰的時間。如果有錯誤，它會顯示那些，否則一個「好！」文本。

提交按鈕

的onclick：點擊後，這將檢查再次是否有錯誤。如果是這樣，這將顯示錯誤，否則它會隱藏提交按鈕。

在頁面的末尾，我有一個JavaScript將重點文本字段出現時。

場上同時的onkeyup和重點事件使用，形式WITHOUT提交後點擊按鈕（事件相關的按鈕，只發生在按鈕被點擊，而不是當我用「ENTER」鍵[鍵盤]提交表單），該重點事件將觸發自動的onkeyup事件：這意味着，在提交後，被稱爲兩個事件（焦點意味着的onkeyup）等文本字段將首先顯示錯誤，如果有的話，然後「OK！」文本。

我想不重點在球場上提交表單，這樣的onkeyup事件將不會觸發...或使用「ENTER」鍵來模擬提交按鈕的「點擊」 。

---

P.S：如果你知道其他技術的「實時」執行驗證（更好），讓我知道。

Answer 1

JQuery和JQuery validation plugin將在實施實時驗證方面節省大量時間。

您也可以將它們與JQuery Form plugin合併，以檢查（之前，技術上）提交的驗證。