Jquery 使用常规按钮使用ParsleyJS验证表单(而不是“输入”类型按钮)
我仍在学习jQuery和html表单,但我会尽力解释我的问题。我正在使用ParsleyJS来验证我的输入,到目前为止效果很好 我的问题是我的表单有很多小部分,我想用一个按钮一次验证每个部分,而不必提交所有内容。但我意识到,在默认情况下,欧芹只会听type=“submit”按钮系统地提交 下面是我希望使用的代码示例: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
<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感谢您的回复!这就是我的解决方案!