Jquery 使用常规按钮使用ParsleyJS验证表单(而不是“输入”类型按钮)

Jquery 使用常规按钮使用ParsleyJS验证表单(而不是“输入”类型按钮),jquery,forms,validation,button,parsley.js,Jquery,Forms,Validation,Button,Parsley.js,我仍在学习jQuery和html表单,但我会尽力解释我的问题。我正在使用ParsleyJS来验证我的输入,到目前为止效果很好 我的问题是我的表单有很多小部分,我想用一个按钮一次验证每个部分,而不必提交所有内容。但我意识到,在默认情况下,欧芹只会听type=“submit”按钮系统地提交 下面是我希望使用的代码示例: <form class="icheck_form"> <div class="inputs"> <l

我仍在学习jQuery和html表单,但我会尽力解释我的问题。我正在使用ParsleyJS来验证我的输入,到目前为止效果很好

我的问题是我的表单有很多小部分,我想用一个按钮一次验证每个部分,而不必提交所有内容。但我意识到,在默认情况下,欧芹只会听type=“submit”按钮系统地提交

下面是我希望使用的代码示例:

<form class="icheck_form">
            <div class="inputs">
              <label for="my_input_1">
                <input type="radio" id="my_input_1" name="iCheck" data-parsley-multiple="my_input_group">
                Option 1</label>
              <label for="my_input_2">
                <input type="radio" id="my_input_2" name="iCheck" data-parsley-multiple="my_input_group">
                Option 2</label>
              <label for="my_input_3">
                <input type="radio" id="my_input_3" name="iCheck" data-parsley-multiple="my_input_group" data-parsley-mincheck="1" data-parsley-error-message="You need to check something." required>
                Option 3</label>
            </div>
            <button class="next" type="button" onclick="">Next</button>
          </form>

选择1
选择2
选择3
下一个
如您所见,如果未检查任何内容,则应显示“您需要检查某些内容”。当我在我的代码中使用带有“数据欧芹验证”的“提交”按钮时,它就会这样做

但是如何使它与当前代码一起工作(使用type=“button”)


欢迎任何帮助!谢谢,Parsley2有一个数据parsley组功能,您可以在多步骤表单案例中利用它

如果您在所有step1输入上添加数据parsley group=“step1”,然后在单击next时执行(您需要将此按钮绑定到“click”事件),只需执行$(“#yourform”).parsley().validate('step1'),并检查true或false以继续下一步

我将尽快在文档中添加此类示例

编辑:Tadaa


最好的

Guillaume感谢您的回复!这就是我的解决方案!