html5表單驗證（無需提交）

Question

我有一個模態div出現在我的應用程序中，它包含表單元素，但我不想提交表單，值會被寫入頁面上的其他DOM元素。

但是，我確實希望確保此模式中的字段在允許執行「確定」操作前有效。

我需要這在IE9工作（這IIRC不支持.checkValidity()）

那麼，我問的是，當我點擊確定按鈕（未提交按鈕），我怎麼能驗證和展示此表單無效，無需提交。

我寧願儘可能多地使用html5功能（<input required />等）。

的jsfiddle：http://jsfiddle.net/gibble/AtHas/

Answer 1

JQuery有一個用於驗證的插件，可以處理您正在嘗試完成的任務。

http://docs.jquery.com/Plugins/Validation

Answer 2

下面是一個類似的問題的鏈接：

What javascript fallback does best simulate html5 form validation

形式在HTML5驗證不會在所有的瀏覽器，我們只能等待，並執行JavaScript的中與此同時。