CODEWITHSUNDEEP
javascriptvalidationparsley.js
ProgZi
ProgZi

Reputation: 1267

Populating error message with field name in Parsley js

I couldn't find anything in the Parsley docs or in Google. Is there an easy way to set an attribute in input and populate the error message with custom message.

For example:

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

with give a standard error "This value is required."


But it would be nice to have something like

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

with error like "Last name is required"

Or as an option, just grad string from<label>.

I know that I can set custom messages, but you have to do it on each input.

Upvotes: 0

Views: 974

Answers (1)

M.Tanzil
M.Tanzil

Reputation: 1995

This will your job

<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");
        });
    });
});

here is working fiddle JsFiddle

Upvotes: 1

Related Questions