使用jquery分别验证两个表单

separate validation of two forms with jquery

本文关键字：两个 表单 jquery 验证 使用      更新时间：2023-09-26

我在一个页面中有两个表单，我想根据用户填写的内容分别验证每个表单。所以基本上，用户必须只填写一个表格，而不是同时填写两个表格。。。因此，基本上，如果用户填写了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>

有人能帮帮我吗？

您不需要专门使用jQuery。简单的javascript就可以了。为每个表单的onSubmit调用一个单独的函数。

onSubmit="return validateForm1(this);"

  • 和-

    onSubmit="return validateForm2（this）；"

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

我建议您使用jquery验证器。它很容易使用，并且可以分别进行这两个验证。

相关文章：