有没有办法进行部分 parsley.js 验证？

Question

我正在创建一个包含长表单的页面，我希望为其设置两个操作按钮：'Save' 和 'Submit'。我希望 'Save' 与 'Submit' 几乎相同，除了它只是运行内置 Parsley 验证的一个子集，即 'required' 和 'pattern'.欧芹文档似乎没有解决这个问题。欧芹是否允许这样做，或者是否有优雅的解决方法？到目前为止，我唯一的想法是运行页面上的所有验证，使用 CSS 隐藏不相关的错误消息，并考虑 'validated' 形式，只要没有关于子集的错误消息我正在测试 'Save'.

的验证

Answer 1

无法仅运行 Parsley 验证类型的一个子集。

您应该考虑在保存前后为您想要的其他验证移除和添加数据属性？

Answer 2

考虑在表单控件上使用 data-parsley-group 属性来创建验证组。

检查这个例子：

$('document').ready(function() {
  $('input[type=submit]').click(function(event) {
    if ($('.demo-form').parsley().validate({
        group: 'block1',
        force: true
      })) {
      alert('Valid group!');
    }
  })
});

<!DOCTYPE html>
<html>

<head>
  <title></title>
</head>

<body>
  <h4>Correctly fill at least one of these blocks</h4>
  <form class="demo-form" data-parsley-validate="">
    <div class="first">
      <label for="firstname">Firstname:</label>
      <input type="text" name="firstname" data-parsley-group="block1" required="required">

      <label for="lastname">Lastname:</label>
      <input type="text" name="lastname" data-parsley-group="block1" required="required">
    </div>
    <hr>
    <div class="second">
      <label for="fullname">Fullname:</label>
      <input type="text" name="fullname" required="required">
    </div>

    <div class="invalid-form-error-message"></div>
    <input type="submit" class="btn btn-default validate">
  </form>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="http://parsleyjs.org/dist/parsley.min.js"></script>
</body>

</html>

查看此处以获取更多参考：

http://parsleyjs.org/doc/examples/events.html

希望对您有所帮助！ :)

有没有办法进行部分 parsley.js 验证？

Is there a way to do partial parsley.js validations?

javascript

validation

parsley.js