jQuery表單驗證是一種常見的前端技術,它可以幫助我們驗證用戶提交的表單是否符合我們的要求。然而,在驗證表單之后,我們還需要考慮是否應該提交該表單。下面,我們將介紹如何使用jQuery確定何時提交表單。
$(document).ready(function() { $('form').submit(function(event) { var formIsValid = someFunctionToCheckFormValidity(); // 此處是檢查表單是否有效的函數 if (formIsValid) { event.preventDefault(); // 防止表單默認提交 var submitButton = $(this).find(':submit'); // 獲取提交按鈕 submitButton.attr('disabled', 'disabled'); // 禁用提交按鈕 // 異步提交表單,并在成功后重新啟用提交按鈕 $.ajax({ type: $(this).attr('method'), url: $(this).attr('action'), data: $(this).serialize(), success: function(response) { submitButton.removeAttr('disabled'); } }); } else { event.preventDefault(); // 防止表單默認提交 alert('請填寫正確的信息'); // 提示用戶 } }); });
如上所示,我們使用了jQuery的submit()方法來攔截表單提交事件。接著,我們使用一個函數來檢查表單的有效性。如果表單有效,我們將禁用提交按鈕,異步提交表單,并在成功后重新啟用提交按鈕。否則,我們將防止表單默認提交,并提示用戶填寫正確的信息。