更改parsley.js的默认消息错误“此值似乎无效”

时间:2018-02-18 06:34:54

标签: javascript jquery parsley.js

如何在用户输入错误数据后更改parsley.js的自定义消息错误“此值似乎无效”,即使使用仅允许字母而非特殊字符或数字的data-parsley-pattern。

<label for="l_name">Last name <span class="text-danger">*</span></label>
<input name="l_name" id="l_name" type="text" class="form-control" required="" data-parsley-pattern="^[a-zA-Z\s]+$">

我刚接触网络,我试图了解文档,但我的知识似乎还不足以完全掌握它。

我尝试了数据 - 欧文 - constraint - message =“我的消息”和 data-parsley-error-message =“我的消息”但没有任何反应。感谢

2 个答案:

答案 0 :(得分:1)

如文档中所述,您可以自定义任何错误消息,例如data-parsley-pattern-message="..."或所有错误消息data-parsley-error-message="..."

答案 1 :(得分:0)

尝试使用自定义验证器:

HTML:

<form name="myForm">
    <label for="l_name">Last name <span class="text-danger">*</span></label>
    <input name="l_name" id="l_name" type="text" class="form-control my-field" required=""  data-parsley-lastname>
    <input type="submit"></submit>
</form>

使用Javascript:

$(document).ready(function() {
  $("form[name=myForm]").parsley();
window.Parsley.addValidator('lastname', {
  validateString: function(value) {
    var patt = new RegExp("^[a-zA-Z\s]+$");
    return patt.test(value);
  },
  messages: {
    en: 'My message'
  }
});
});

Codepen:https://codepen.io/YasirKamdar/pen/ZrvwEq