javascript - 使用 jquery 分别验证两个表单

Question

我在一页中有两个表单，我想根据用户填写的内容分别验证每个表单。所以基本上用户必须只填写一张表格，而不是两者都填写...所以基本上如果用户填写第 1 号表格，验证将仅在表格 1 上进行..

两种形式的代码如下:

    <form action="/registration.flow" method="post"  id="formElem1"  name="formElem1" autocomplete='off'>
  <label for="Name_First">First Name:</label>
  <input type="text" name="Name_First" id="Name_First" value="" class="required" maxlength="128"  />
  <label for="Name_Last">Last Name:</label>
  <input type="text" name="Name_Last" id="Name_Last" value="" class="required" maxlength="128" />

  <button id="registerButton" type="submit">Register</button>
</form>


<form action="/registration.flow" method="post"  id="formElem2"  name="formElem2" autocomplete='off'>
  <label for="Name_First">First Name:</label>
  <input type="text" name="Name_First" id="Name_First" value="" class="required" maxlength="128"  />
  <label for="Name_Last">Last Name:</label>
  <input type="text" name="Name_Last" id="Name_Last" value="" class="required" maxlength="128" />

   <button id="registerButton" type="submit">Register</button>
</form>

有人可以帮我吗？

Answer 1

您不需要专门使用 jQuery 来执行此操作。简单的 JavaScript 就可以了。为每个表单的 onSubmit 调用单独的函数。

onSubmit="return validateForm1(this);"

• 和 -

  onSubmit="return validateForm2(this);"

确保根据表单是否通过验证返回 true 或 false。