如何同时使用jQuery验证器和AJAX请求？

Question

我正在使用jQuery Validation Plugin。

我尝试使用AJAX提交登录页面，但同时我也尝试使用jQuery Validate验证表单;但是当我提交它时，我只在提交AJAX请求后验证最后一个字段;因此没有进行验证。

我试图让表单的提交按钮被禁用，直到验证通过。然后允许AJAX请求一旦被验证就会使按钮不可用;允许用户使用输入或单击按钮提交表单。但它似乎没有起作用。

session_start();

Answer 1

不要在提交按钮上使用click事件侦听器，而是在表单上使用submit事件。您还需要使用.valid()方法检查表单是否有效：

$("form").submit(function() {
  if (!$("form").valid()) return;

  var username = $("form #username").val();
  var password = $("form #password").val();
  // ...
});