jQuery 提交表单验证时出错

Question

当有人提交我的时事通讯表单时，我需要使用 JavaScript 和 jQuery 验证输入

由于某种原因它不起作用。它提交表单时不会提示任何错误

这是我到目前为止所拥有的:

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  <script type="text/javascript">

  $(document).ready(function(){
  function go() {
      if($('#name').val() == '') {
          alert('error: name is required');
      }
      $('form').submit();
  }
  });


  </script>
  </head>

  <form method="post" action="">
    Name *<input type="text" name="name" id="name"/>
    E-Mail *<input type="text" name="email" id="email"/>

    <input class="submit" type="submit" value="Submit" name="submit" id="submit" onclick="go();">
  </form>

为什么当我没有在姓名中输入任何内容然后提交表单时，我看不到警报？

Answer 1

不要在提交按钮上使用 onclick，而是在表单元素上使用 onsubmit="return go();。或者，使用 jQuery $('表单').submit(function(){ ... });

而且，一旦遇到错误，您需要从函数中返回 false 以防止其进一步执行。