【问题标题】:Populating error message with field name in Parsley js在 Parsley js 中使用字段名称填充错误消息
【发布时间】:2016-06-22 22:48:02
【问题描述】:

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

例如:

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

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


但是有类似的东西会很好

<label>First name
<input type="text" required data-parsley-field-name="Last name"/>
</label>

出现“需要姓氏”之类的错误

或者作为一个选项,只是来自&lt;label&gt; 的毕业字符串。

我知道我可以设置自定义消息,但您必须在每次输入时都这样做。

【问题讨论】:

    标签: javascript validation parsley.js


    【解决方案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

    【讨论】:

    • 我知道这一点,正如我所提到的。这需要为每个输入设置自定义消息,因此没有必要重复。
    • 在您的情况下,您还需要为每个输入重复 data-parsley-field-name,那么为什么不使用自定义消息。?
    • 我已经为你更新了我的答案,这会知道你的工作。 :)
    • 谢谢,我正在考虑设置一个自定义默认消息(可能是通过语言文件或直接在 parsley.js 中)并发送诸如“需要 %f”之类的消息,然后做一些魔术自动绑定属性或标签的消息。
    猜你喜欢
    • 1970-01-01
    • 2012-07-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-21
    • 1970-01-01
    相关资源
    最近更新 更多