如何在不通過jQuery提交的情況下強制執行html5表單驗證我在我的應用程序中有這個表單，我將通過AJAX提交它，但我想使用HTML5進行客戶端驗證。所以我希望能夠通過jQuery強制進行表單驗證。我想在不提交表單的情況下觸發驗證?？赡軉幔?
3 回答
慕碼人2483693
TA貢獻1860條經驗 獲得超9個贊
這是一個更通用的方式，有點清潔：
像這樣創建你的表單（可以是一個什么都不做的虛擬表單）：
<form class="validateDontSubmit">...
綁定您不想提交的所有表單：
$(document).on('submit','.validateDontSubmit',function (e) {
//prevent the form from doing a submit
e.preventDefault();
return false;})現在假設你有一個<a>（在...內<form>）點擊你想驗證表格：
$('#myLink').click(function(e){
//Leverage the HTML5 validation w/ ajax. Have to submit to get em. Wont actually submit cuz form
//has .validateDontSubmit class
var $theForm = $(this).closest('form');
//Some browsers don't implement checkValidity
if (( typeof($theForm[0].checkValidity) == "function" ) && !$theForm[0].checkValidity()) {
return;
}
//if you've gotten here - play on playa'});這里很少有筆記：
我注意到你不必實際提交表單進行驗證 - 調用
checkValidity()就足夠了（至少在chrome中）。如果其他人可以在其他瀏覽器上添加測試這個理論的評論，我會更新這個答案。觸發驗證的事情不一定要在
<form>。這只是一種干凈靈活的通用解決方案。
- 3 回答
- 0 關注
- 910 瀏覽
添加回答
舉報
0/150
提交
取消