javascript - 表单验证完成后显示模态的 Jquery 代码

Question

继这个问题之后:Previous question

我的表单上有表单验证，需要首先验证，即最少字符和数字等。

到目前为止，我的 Jquery 代码显示了按下提交按钮后的模式，并且表单中有一些输入，但不是有效的输入，所以我只需要输入几个字符，模式就会弹出，这并不理想。

所以我需要表单进行输入和验证，然后弹出模式，用户必须接受条款和条件然后才能注册。

我尝试了以下方法，但没有成功:

$(document).ready(function() {
  $("#login-form").submit.valid(function(e) {
    e.preventDefault();
    $(".modal").addClass("active");
  });
});

提前致谢

Answer 1

您应该在提交事件中使用 if :

$("#login-form").submit(function(e) {
  e.preventDefault();
  if ($(this).valid()) {            // this assumes you are using something like jquery validate - from  your original code, it looks like you were attempting to do this
    $(".modal").addClass("active");
  } else {
    // do error stuff here
  }
});