在Parsley js

时间:2016-06-22 22:48:02

标签: javascript validation parsley.js

我在Parsley文档或Google中找不到任何内容。 是否有一种简单的方法可以在输入中设置属性并使用自定义消息填充错误消息。

例如:

<label>First name
<input type="text" required/>
</label>

给出标准错误“此值是必需的。”


但是有一些像

这样的东西会很好
<label>First name
<input type="text" required data-parsley-field-name="Last name"/>
</label>

错误,例如“姓氏是必需的”

或者作为选项,只需来自<label>的毕业字符串。

我知道我可以设置自定义消息,但您必须在每个输入上执行此操作。

1 个答案:

答案 0 :(得分:1)

这将是你的工作

<form method="post" id="myForm">
<input type="text" name="phone" class="form" data-err="last name" value="" class="required" data-parsley-required="" />
<input type="text" name="phone" class="form" data-err="First name" value="" class="required" data-parsley-required="" />
<input type="submit" value="Go">

$(document).ready(function() {
    $("#myForm").parsley();

    $.listen('parsley:field:error', function(){
                var i = 0;
    $("#myForm .form").each(function(k,e){
    var field = $(e).data("err");
    $(e).next("ul").find("li:eq("+i+")").html(field+" is required");
        });
    });
});

这是工作小提琴 JsFiddle