2014-05-09 65 views
0

我創建了一個簡單的HTML表單,然後使用Javascript來驗證表單數據,但是當我提交表單時,它會突出顯示未填充,不正確的具有紅色顏色的texboxes,並突然將頁面直接指向表單操作路徑。這是什麼原因任何人都可以請解釋我是JavaScript的新手。如果我想在這裏發佈我的代碼,請幫助我。Javascript驗證沒有正確工作

+0

是的,請張貼你的代碼。 – lifetimes

+0

你需要發佈一些代碼。你的帖子就像打電話給醫生說的:「我的孩子哭了,他怎麼了?」,他怎麼知道的?你需要帶孩子去看醫生。在這種情況下,請將您的代碼帶入社區。 –

+0

這是我的javascript代碼 ................ – Erandi

回答

1

您忘記取消默認事件(即提交表單)。

但是,拋開,你不應該使用JS進行表單驗證。 HTML5爲我們提供了所有我們需要的工具。

例子:

<input type="email" required /> 

嘗試輸入的東西,這不是一個電子郵件地址。或者什麼也沒有。您的瀏覽器以原生方式爲您處理。畢竟,屏幕閱讀器如何知道文本框邊框變爲紅色意味着它填滿了錯誤?

<input type="date" /> 

日曆!希望...好的,所以並不是所有的東西都得到了支持,但是問題依然存在。如果你寫自己的JS驗證,你將不可避免地出錯,並花費大量的時間來調試瀏覽器已經可以爲你做的事情;)

+0

@ Niet感謝它工作正常,當我第一次創建不幸我的代碼太長,把它放在這裏我做了一些在我的HTML代碼的變化,我寫了javascript代碼驗證基本形式的細節是的,我使用HTML5選項。我想要的是,如果用戶輸入錯誤的數據,文本框的邊框顏色變爲紅色,彈出警報出現,說出錯。在這裏,當我提交它出現不正確的紅色提交,然後頁面刷新和重定向到窗體的行動路徑。有沒有什麼方法可以將我的整個代碼放在這裏... – Erandi