Jquery表單驗證不能按預期工作？必須是更好的方法？

Question

看看下面的鏈接，你會看到我有一個簡單的表單，需要各種字段。在提交之前，我已經編寫了一個小腳本來驗證輸入。通常使用php生成隨機數字，但對於我剛剛手動添加的示例。

該解決方案似乎工作，但我寧願作爲一個輸入完成錯誤將消失。目前這適用於標準輸入，只需輸入某種信息，但在輸入需要有效的電子郵件或金額時不起作用。如果輸入了正確的電子郵件，但未輸入驗證問題，則錯誤仍會顯示在電子郵件字段中。

http://jsfiddle.net/marcsanders/xgZeV/

任何幫助，非常感謝！

Answer 1

嘗試以下操作：

$('input.required').change(function() { 
$(this).parent('div').removeClass('error'); 
}); 

Updated jsFiddle here.

您也可以考慮使用上是必須的，而不是使用JavaScript元素HTML5的required屬性。

Answer 2

您可以嘗試在所有強制性輸入中添加「keydown」事件，並刪除「錯誤」類，如果它在那裏連接到輸入。