如何在重定向到另一个页面之前验证我的表单？

Question

我正在创建一个注册表单，我希望在将用户发送到 login.html 页面之前对其进行验证。

有没有办法用这段代码做到这一点？ 我希望所有这些字段都超过 2 个字符，现在在#firstName字段中写入 2 个字符就足够了，然后它会重定向。

$('#regForm').on('submit', function() {
        if($('#firstName, #lastName, #address, #city, #zip, #phoneNumber, #email, #inputPassword, #confirmPassword').val().length >= 2)
    {
        window.location.replace("login.html");
    } else {
        alert('You must fill in all the required fields.')
    }
    })

Answer 1

您可以在回调函数中使用event.preventDefault() ：

$('#regForm').on('submit', function(event) {

   event.preventDefault();

   if($('#firstName, #lastName, #address, #city, #zip, #phoneNumber, #email, #inputPassword, #confirmPassword').val().length >= 2)
   {
      window.location.replace("login.html");
   } 
   else {
      alert('You must fill in all the required fields.');
   }
});