網頁字段驗證

Question

我需要驗證網頁上的日期/時間字段，但希望它在不重新加載頁面的情況下執行此操作，並希望爲用戶提供「即時」反饋。

什麼是最好的/最簡單的解決方案。 順便說一句：最簡單的分數總分的65％

編輯： 如果最好是總分的65％？

Answer 1

看起來好像有一個關於ASP.NET AJAX控件工具包的精彩視頻，它提供了MaskedEdit控件和MaskedEditValidator控件，效果很好。初學者不容易，但非常好，即時反饋。

感謝所有的答案！

asp.net

不幸的是我不能接受這個答案 。

Answer 2

看看這個javascript date validation功能。

它使用JavaScript，正則表達式和文本輸入的'onblur'事件。

Answer 3

一個簡單的javascript方法，它讀取提交時輸入字段中的內容並對其進行驗證。如果無效，則返回false，以便表單不提交給服務器。

... onSubmit="return validateForm();" ... 

請確保您在服務器端驗證過，很容易繞過javascript驗證。

Answer 4

如果您想使用JavaScript，那麼它內置了日期驗證功能。但是，如果您不想使用JavaScript路由，則可以將UI更改爲下拉控件，這將限制用戶輸入無效數據的能力。你仍然需要檢查服務器端，以確保沒有人提交2月30日。

Answer 5

如果您使用ASP.NET，它具有驗證器控件，您可以指向文本框，然後使用它來驗證正確的日期/時間格式。

Answer 6

以太網中有幾個日期小部件可用。那麼你可以只允許有效的輸入。

Answer 7

我建議使用下拉式日期，如上所述。我不能想到任何理由不想 - 你想讓用戶從預先定義的數據中選擇，而不是給你一些你無法預料的獨特的東西。

您可以避免使用一點Javascript（2月30日的日子字段根據月份動態填充）。

Answer 8

@大衛H.奧斯特

使用的onblur進行驗證是有問題的，因爲有些人使用回車鍵，沒有鼠標，提交表單。使用onblur和表單的onsubmit事件可以是更好的解決方案。當我對錶單進行JS驗證時，我會針對keyup事件運行。這給了用戶關於他們的輸入是否正確的即時反饋。您可以（也可以）也將檢查放在原處，以便用戶在離開該字段之前不會收到「不正確」的信息（因爲如果他們沒有完成，您不應該告訴他們這些信息不正確然而）。

Answer 9

@Brian Warshaw
這是一個非常好的觀點，你不忘記通過鍵盤（呃，我）導航的用戶。

感謝您的關注。

Answer 10

我已經在一些項目中使用了這個小小的js代碼，它會與其他幾個人一起快速輕鬆地完成日期。

Link