How to Add validation for div tag using JQUERY unobtrusive?

Question

I am using "JQUERY unobtrusive" java script for validation. I am using one label and one text box control inside the div tag. When I click on Submit button I need to mark the background color of entire div(divName) as Red.

   <div class="form-group" id="divName">
    <label for="your-name-id">Your name:</label>
    <input type="text" name="yourname" id="your-name-id" placeholder="Please enter your name"      
  </div>

You should show us what you have tried so far first... Then we might be able to diagnose the specific problem you are having. — Steven Anderson
– Steven Anderson, Commented Sep 21, 2015 at 7:09

Guruprasad J Rao · Accepted Answer · 2015-09-21 06:46:36Z

0

You have something called highlight and unhighlight option in jquery validation plugin which you can use to highlight element's closest parent as below:

highlight: function(element, errorClass, validClass) {
    $(element).addClass(errorClass).removeClass(validClass);
    $(element).closest('.form-group').addClass(errorClass).removeClass(validClass);
    //errorClass is a class which will have background-color as red CSS and validClass will have background-color as green CSS
},
unhighlight: function(element, errorClass, validClass) {
    $(element).removeClass(errorClass).addClass(validClass);
    $(element).closest('.form-group').addClass(validClass).removeClass(errorClass);
}

For more info check the documentation here

answered Sep 21, 2015 at 6:46

Guruprasad J Rao

29.7k16 gold badges113 silver badges212 bronze badges

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

Collectives™ on Stack Overflow

How to Add validation for div tag using JQUERY unobtrusive?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related