using jquery validation engine

Question

My question i have the above form in my page. i want to validate the form using jquery validation engine.Can you pls tell me how to validate it and what r the files to include. now, i have included the jquery validation engine in my head. i just want to know how to trigger the validation engine and show the error message onblur of the text fields.. many thanks in advance.please find my code below:

<script src="../js/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
<script src="scripts/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

    jQuery(document).ready(function(){
        // binds form submission and fields to the validation engine
        $('#myForm').validationEngine('validate');
    });


</script>
<form class="container" id="myForm" method="post" action="">
    <div>
        <span>Field is required : </span>
        <label for="Firstname">Firstname</label>
        <input type="text" class="validate[required] text-input" id="name" name="Firstname"/>
    </div>
    <div>
        <span>Field is required : </span>
        <label for="name">middlename</label>
        <input type="text" id="name" name="middlename" class="validate[required] text-input"/>
    </div>
    <div>
        <span>Field is required : </span>
        <label for="name">lastname</label>
        <input type="text" id="name" name="lastname" class="validate[required] text-input"/>
    </div>
</form>

Hi, My question i have the above form in my page. i want to validate the form using jauery validation engine.Can you pls tell me how to validate it and what r the files to include. now, i have included the jquery validation engine in my head. i just want to know how to trigger the validation engine and show the error message onblur of the text fields.. many thanks in advance — teddy153
– teddy153, Commented Dec 25, 2011 at 9:06
Probably related to this question. It got downvotes for a reason, you know. — Ry-
– Ry- ♦, Commented Dec 25, 2011 at 9:15

Ali Foroughi · Accepted Answer · 2020-08-04 12:50:43Z

10

Change your jquery code to this :

<script type="text/javascript">

   jQuery(document).ready(function(){
       // binds form submission and fields to the validation engine
       $('#myForm').validationEngine();
   });

</script>

Then add some classes to your form field , for example :

it is an input text and it is required :

<input type='text' class="validate[required] text-input">

or this one is an input text for just emails :

<input type='text' class="validate[required,custom[email]] text-input">

put a button and on its Click event call a javascript function like this :

function myValidation()
{

    if ($('#myForm').validationEngine('validate'))   
    { 
        //do somthing here beacause your form is valid
    }
}

For more help comment me

edited Aug 4, 2020 at 12:50

answered Dec 25, 2011 at 9:23

Ali Foroughi

4,6097 gold badges45 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 10:34:11Z

7

Refer this jQuery.validationEngine to know how to use Validation Engine.

For writing Custom rule, refer this existing question jQuery Validate Plugin - How to create a simple custom rule?

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Dec 25, 2011 at 9:34

Siva Charan

18.1k10 gold badges64 silver badges95 bronze badges

1 Comment

teddy153 Over a year ago

Thanks siva.. that article was helpful :)

Ali Foroughi · Accepted Answer · 2011-12-25 08:49:00Z

3

all thing go right and you do that correct ,you can just call this method to validate all the field of your form

$('#myForm').validationEngine('validate');

this will return true if all field of your form validate right , else return false

answered Dec 25, 2011 at 8:49

Ali Foroughi

4,6097 gold badges45 silver badges67 bronze badges

Comments

Hulk1991 · Accepted Answer · 2013-07-12 09:53:06Z

1

Follow this:

Download jquery validation engine plugin from here. And extract it.

Inside the folder you can find these two files.

jquery.validationEngine-en.js 
jquery.validationEngine.js

Copy & Paste in assets->scripts-> of your working project.

Then change the src path like below.

<script src="assets/scripts/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>

<script src="assets/scripts/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>

In Your Coding do the following:

<script>
    $(document).ready(function(){
        $("#id of ur form").validationEngine();
    });
</script>

answered Jul 12, 2013 at 9:53

Hulk1991

3,17314 gold badges35 silver badges46 bronze badges

Collectives™ on Stack Overflow

using jquery validation engine

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related