Question

我还在学习jQuery和html表单，但我会尽力解释我的问题。我正在使用ParsleyJS验证我的输入，它到目前为止工作得很好。

我遇到的问题是我的表单有很多小部分，我想使用按钮一次验证每个部分，而不必提交所有内容。但我意识到，默认情况下，Parsley只会听系统提交的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>

如您所见，如果没有选中任何内容，则应显示“您需要检查某些内容。”。当我在我的代码中使用带有“data-parsley-validate”的“提交”按钮时，它会这样做。

但是如何使用当前代码（使用type =“button”）？

欢迎任何帮助！感谢

Answer 1

Parsley2有一个数据 - 欧芹组功能，您可以在多步骤表格中使用它。

如果你在所有step1输入上添加一个data-parsley-group =“step1”，然后当你点击next（你需要将这个按钮绑定到'click'事件）时再做，只需执行$（ '#yourform'）。parsley（）。validate（'step1'）并检查是否为true或false以继续下一步。

我会尽快在文档中添加这种示例。

编辑：Tadaa http://parsleyjs.org/doc/examples/multisteps.html

最佳

使用常规按钮使用ParsleyJS验证表单（不是“输入”类型按钮）

1 个答案: