javascript - jQuery 按部分验证表单

Question

我正在尝试使用 jQuery validate 来验证一个大表单，我已将其分为 3 个不同的部分。

1. 个人信息
2. 工作信息
3. 其他信息

有没有办法让我在每次用户点击“继续”时验证内容？然后当他们到达最后一部分时，他们可以提交整个表格吗？

表格

<form  method="post" name="form" id="form" class="form">
   <div class="section_one form-wrapper-top-margin active">
     <div class="columns-2 float-left">
       <input name="name" id="name" type="text" class="" value=""/>
     </div>

    <div class="columns-2 float-right margin-0">
      <input name="email" id="email" type="text" class="" value=""/>
    </div>

    <div class="columns-2 float-right margin-0">
      <input name="button" type="button" value="Continue" id="btn_1"/>
    </div>
 </div>

 <div class="section_two form-wrapper-top-margin">
   <div class="columns-1 margin-0">
     <input name="address" id="address" type="text" class="" value=""/>
   </div>

  <div class="columns-1 margin-0">
   <textarea name="description" id="description"  type="text" class=""></textarea>
 </div>

 <div class="columns-2 float-right margin-0">
    <input name="button" type="button" value="Continue" id="btn_2"/>
 </div>
 </div>
 <div class="section_there form-wrapper-top-margin">
 <div class="columns-1 margin-0">
      <textarea name="description" id="description"  type="text" class=""></textarea>
 </div>

 <div class="columns-2 float-right margin-0">
    <input name="submit" type="submit" id="submitbtn" value="Send your message"/>
  </div>
  </div>
  </div>
 </div>    
 </form>

我没有把 jQuery 代码放在这里，因为我不知道从哪里开始。我知道 jQuery 验证，验证整个表单，但我从未见过它是按部分完成的，而不是将其分成 3 个不同的表单。

感谢您的帮助...

Answer 1

你也可以这样做:-

 $(".section_two").click(function(){

 //Your code for validation of  section one.
 });

 $(".section_three").click(function(){
 //Your code for validation of section one and section two.
 });

 $("#submitbtn").click(function(){
   //Your code for validation of section three.
 });

请告诉我这是否有帮助。