javascript:如果用户名存在，则不提交表单

Question

这是我之前关于在注册时使用ajax检查用户名可用性的帖子
jQuery: check username availability
现在当我测试系统时，ajax 工作正常，但即使我使用现有的用户名，当我单击“提交”按钮时，表单也会被提交。我假设我需要一个额外的 javascript 来阻止这种情况的发生，我该怎么做？非常感谢!

Answer 1

您需要阻止提交表单； jQuery documentation for "submit()"在这里很有帮助。假设您有一个检查用户名是否存在的方法(或可以根据 AJAX 调用的结果设置的标志):

<form name="form" method="post" action="" />
...
<script>
  $("form").submit(function() {
    // Return false if the form should NOT be submitted.
    return !usernameExists(selectedUsername);
  });
</script>

或者将其放入另一个问题的代码示例中:

$('form').submit(function() {
  return data!='no';
});
if(data=="no"){
  $(this).html("This username already exists");
  //...