如何访问 Parsley Validation 中的元素属性

Question

我需要在 Parsley 验证中获取元素的属性，我可以使用 jQuery 和选择器，但我认为这不是最好的方法，还有其他方法吗？

查看下面我的验证和 html 代码：

(function () {
  'use strict';

  // Validate xml extension.
  window.ParsleyValidator.addValidator('filetype',
      function (value, requirement) {
        var ext = value.split('.').pop().toLowerCase();

        return ext === requirement;
      }, 32)
    .addMessage('en', 'filetype', 'The selected file must be an %s file.');
}());

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="http://cdn.bootcss.com/parsley.js/2.0.7/parsley.js"></script>

<div class="container">
  <form class="form-horizontal" role="form" data-parsley-validate>
    <div class="form-group">
      <label for="file" class="col-sm-2 control-label">File</label>
      <div class="col-sm-4">
        <input type="file"
          name="file[]"
          id="file"
          class="form-control"
          multiple="multiple"
          data-buttonText="Escolha arquivo"
          data-iconName="fa fa-folder-open"
          data-parsley-filetype="xml"
          required>
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-10 col-sm-offset-2">
        <button type="submit" class="btn btn-default">Salvar</button>
      </div>
    </div>
  </form>
</div>

Answer 1

当前版本并没有真正授予您访问权限；您需要的一切都应该在 requirement 中。不过，它可能是一个具有多个值的数组。

未来应该允许您访问以 data-parsley-filetype- 开头的任何属性，但是无法从您的示例中了解您实际想要实现的目标，所以我不知道这是否有帮助。

Answer 2

您需要直接访问参数：

window.Parsley
    .addValidator('customvalidator', {
        validateNumber: function (value, requirement) {
            var element = arguments[2].$element.parent();

           //logic here...

        },
        requirementType: 'integer'
    });

如何访问 Parsley Validation 中的元素属性

How access element attribute inside Parsley Validation

validation

parsley.js