How to give Custome Error Message while using Jquery Validation Engine related Existing file

Question

How to give Custome Error Message while using Jquery Validation Engine related Existing file

1.7k Views Asked by user3064530 At 25 April 2025 at 08:34

Can anybody help me? I am performing validation using jquery validation engine related existing file. Now I got the validation message that they have hard-coded in their existing file. I want to show some custom message without modifying the existing file. Can I implement custom error message with the existing jquery validation engine file or I have to go for my own implementation?

Original Q&A

There are 3 best solutions below

**cssyphus** · Answer 1

Honestly, it is so easy to write your own that if you wish custom messages, I would strongly endorse "rolling your own" solution.

Here is an example of a very simple validation to get you started. Note the use of an array arrAll to hold the field names/descriptions that must be validated.

jsFiddle Demo

HTML:

One: <input type="text" id="f1"><br />
Two: <input type="text" id="f2"><br />
Three: <input type="text" id="f3"><br />
Four: <input type="text" id="f4"><br />
<br />
<input type="button" id="mybutt" value="Go" />

javascript/jQuery:

var chkFld, arrAll = {'One':'f1','Two':'f2','Three':'f3','Four':'f4'};

$('#mybutt').click(function() {
    var errMsg='', badFlds='', firstBad='';
    for(var key in arrAll){
        chkFld = arrAll[key];
        if ($('#'+chkFld).val() ==''){
            //alert('Please complete field ' + arrAll[key] );
            errMsg += '*' + chkFld + '\n';
            if (firstBad=='') firstBad=chkFld;
        }
    }
    if (errMsg != '') {
        alert(errMsg);
        $('#'+firstBad).focus();
    }
}); //END mybutt.click

Here is another example: http://jsfiddle.net/J9wGx/3/

Note that the above solutions utilize jQuery, so you must reference the jQuery library in the document (usually in the <head> tags), like this:

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>

**Bajid khan** · Answer 2

Bajid khan On 18 February 2014 at 12:20

Try Below Link.. May be You find what you want http://posabsolute.github.io/jQuery-Validation-Engine/

**user3109555** · Answer 3

user3109555 On 23 February 2014 at 07:17

I got the jQuery custom errors to work on my project. jQuery ValidationEngine Custom error messages

Good luck, deerhaq

How to give Custome Error Message while using Jquery Validation Engine related Existing file

There are 3 best solutions below

Related Questions in JQUERY

Related Questions in JQUERY-VALIDATION-ENGINE

Trending Questions

Popular # Hahtags

Popular Questions