2014-02-26 101 views
-4

我有輸入時間是在HH HTML文本框():毫米格式(H:小時且m:分鐘)。我希望用戶以這種格式輸入時間。我如何通過使用jQuery或一些JavaScript代碼來實現這一目標?謝謝。如何驗證時間輸入

+0

您可以使用JavasScript使用正則表達式爲。 – alexP

+5

您可以使用谷歌爲 – Phil

+2

請張貼[**當前代碼**](http://whathaveyoutried.com),您有與這樣我們就可以幫你解決它的問題。如果可能的話你能不能還添加了[** **小提琴(http://jsFiddle.net)(或類似)演示,然後也可以作爲操場的同時,以測試不同的解決方案的問題。 – Nope

回答

0

有幾個方法可以做到這一點的JS(Date.parse),但我認爲moment.js是最簡單的(最強大的)出路在那裏。

http://momentjs.com/

+0

感謝您的建議。我是javascript新手。 –

+0

我認爲momentjs是時間格式化/解析,而不是輸入驗證?我的理解是,OP希望確保用戶以正確的格式輸入。 – snooze92

4

有許多jQuery plugins那些輸入格式化/驗證。一個棘手的部分可能是提出一個正則表達式來驗證正確的時間。這example是非常靈活:

^([01]?[0-9]|2[0-3]):[0-5][0-9]$ 

Regular expression visualization

它允許第一0是可選的,並確保小時不走上面23.這也可以確保分鐘是0059之間。


根據您解析結果的方式,您可能希望更具限制性。舉例來說,你可以從正則表達式來迫使HH刪除?:MM格式,同時還可以確保時間是0023之間,而分鐘是0059之間。它看起來像that

^([01][0-9]|2[0-3]):[0-5][0-9]$ 

Regular expression visualization