Question

我正在使用最新版本的ParsleyJS并尝试过doc中的示例，只需将其粘贴到我的代码中即可，但它无法正常工作。我实际上制作了自己的验证器，但它不起作用，所以我尝试复制粘贴确切的示例，但它也不起作用。

我正在与Laravel合作，这是我的表格和js代码。

<div class="form-group">
<label>Name of my school</label>
{{ Form::text('edu[institute]', null, ['class' => 'form-control', 'data-parsley-myValidator' => '']) }}
</div>


window.Parsley.addValidator('myValidator', {
  validateString: function(value) {
    return value.split('').reverse().join('') === value;
  },
  messages: {
    en: 'This string is not the reverse of itself',
    fr: "Cette valeur n'est pas l'inverse d'elle même."
  }
})

我刚刚撕开头发，为什么这不起作用？

表单字段的Laravel刀片输出：

<input class="form-control" data-parsley-myvalidator="" name="edu[institute]" type="text">

编辑：此表单字段位于Bootstrap模式中。

Answer 1

他们的例子似乎运作良好。我仍然无法重现你的问题。

window.Parsley.addValidator('palindrome', {
  validateString: function(value) {
    return value.split('').reverse().join('') === value;
  },
  messages: {
    en: 'This string is not the reverse of itself',
    fr: "Cette valeur n'est pas l'inverse d'elle même."
  }
});

<link href="//cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.7.2/parsley.min.js"></script>
<form data-parsley-validate="">
  <label>Please enter a palindrome:</label>
  <input type="text" data-parsley-palindrome="">
  <input type="submit" class="btn">
</form>

ParsleyJS自定义验证器无法正常工作

1 个答案: