2013-06-20 45 views
0

即時通訊使用datebox並希望對我的輸入進行一些驗證,如果沒有任何值。jqueryMobile datebox和webshim + checkValidity()

<input name="fromDate" id="fromDate" type="date" data-role="datebox" required = "" data-errormessage="error"> 

即時通訊使用webshim,它的工作很好,如果我刪除data-role="datebox"。 他們的任何方式使它與datebox一起工作?

+0

你有興趣使用任何其他驗證插件嗎? – Gajotres

+0

如果我繼續使用另一種方式,它會以另一種方式進行查看,然後默認瀏覽器會使用HTML5。我可以構建我自己的驗證,看看它是否爲空,並且激發一個jQuery移動彈出窗口或者看起來不錯的東西。但ofc鏈接到其他插件,我會檢查出來。謝謝。 – thatsIT

回答

2

這是HTML5 formvalidation的日期框問題。 datebox將輸入設置爲readonly,這意味着在HTML(5)中,該字段不應被驗證(willValidate = false)。如果您刪除只讀屬性或將readOnly屬性設置爲false,則它會再次運行。

爲什麼不使用webshims的日期選擇器(請參閱一些變體:http://jsfiddle.net/trixta/VNuct/)。

$.webshims.polyfill('forms forms-ext'); 

如果使用類型=「日期」你不應該使用datebox,無論是除非你使它更兼容HTML5(即始終YYYY-MM-DD格式等)

的最好的事情在這裏:您可以在所有桌面瀏覽器中替換UI,並在現代移動瀏覽器中保留原生實現,這意味着可以下載和執行的代碼更少。 (但是,如果你想的話,當然你可以在任何地方使用可定製的日期選擇器)。

如果您需要webshims datepicker的特定功能,請告訴我。

+0

如果jQM處理得更好,我會使用webshims datepicker。無論如何,thanx爲你答案! :) – thatsIT

+0

順便說一句,webshim在舊版瀏覽器中支持checkValidity()嗎? – thatsIT

+0

是的,webshims添加了完整的約束驗證API –