如何在不提交的情况下使用 jQuery Validator 验证表单的第一部分？

Posted 2023-05-09

技术标签:

【中文标题】如何在不提交的情况下使用 jQuery Validator 验证表单的第一部分？【英文标题】：How can I validate the first part of a form with jQuery Validator without submitting? 【发布时间】：2020-11-19 19:45:59 【问题描述】：

我有两个表单部分，我需要它们有效，然后每个部分的按钮才能工作。我已经尝试了几种方法，但我仍然做错了什么。通常在提交时我没有问题。在这个例子中，我有一个下一步按钮，在表单第二部分我有一个提交按钮。我需要在按下按钮时验证每个表单。

$(document).ready(function () 
  $("#part-one").validate(
          rules: 
              fname:  required: true ,
              age:  required: true 
          ,
          messages: 
              fname:  required: "* required" ,
              age:  required: "* required" 
          ,
      submitHandler: function(form) 
          $("#part-one").fadeOut();
          $("#part-two").fadeIn();

          return false;  // block the default submit action
      
  );
)

我有一个更能说明问题的小提琴：https://jsfiddle.net/simplymarkb/asw5rdph/

【问题讨论】：

【参考方案1】：

您可以将表单验证设为一个函数，并在单击next button 时执行此函数。如果表单有效，请显示下一部分。