jquery selector for error class generated in jquery validation

Question

I am working with jquery validation which is when press the submit button show error icon after hover the error icon message will display in tooltip. validation working fine with error icon now I want tool tip

$('#myForm').validate({
    rules:{firstname:"required"},
    messages:{firstname:"<div class='fir' style='display:none'>Please  enter your firstname</div>"
    }
});

I am trying to calling hover function it is not working

$('.error').hover(function(){
        alert("hello");
    });

"Not working" is never a sufficient problem description.

Matt Ball
– Matt Ball

2013-12-01 05:37:50 +00:00
Commented Dec 1, 2013 at 5:37 — Matt Ball
– Matt Ball, Commented Dec 1, 2013 at 5:37
try using on() and mouseover together mate.. :)

Nibin
– Nibin

2013-12-01 05:42:23 +00:00
Commented Dec 1, 2013 at 5:42 — Nibin
– Nibin, Commented Dec 1, 2013 at 5:42

Arun P Johny · Accepted Answer · 2013-12-01 05:40:48Z

1

Since the elements are created by the validation framework, they are dynamic so you need to make use of event delegation

$(document).on("mouseenter", ".error", function () {
    //stuff to do on mouseover
})

answered Dec 1, 2013 at 5:40

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

4 Comments

Sarath Babu Nuthimadugu Over a year ago

$(document).on("mouseenter", "label .error", function () { $('.fir').show(); }); why it is not working

Arun P Johny Over a year ago

I think it should be $(document).on("mouseenter", "label.error", function () { $('.fir').show(); });, no space between label and .error

Arun P Johny Over a year ago

@downvoter did you downvote me and the upvote all the wrong answers below!!! I didn't downvote them anyway... common man.... don't be that idiot

Sarath Babu Nuthimadugu Over a year ago

arun i have one problem in validation when i press sumbit button error icon display after input filed .but in the case of onkeyup the error icon display in next line starting i want after input filed

Ringo · Accepted Answer · 2013-12-01 05:35:03Z

0

You have the wrong function, try this:

$('.error').mouseover(function(){
                alert("hello");
            });

answered Dec 1, 2013 at 5:35

Ringo

3,9973 gold badges25 silver badges38 bronze badges

2 Comments

Sarath Babu Nuthimadugu Over a year ago

Thanks for help but i am sorry to say that it is not working i tried mouseover and mouseenter,hover funtion is not calling

Ringo Over a year ago

Yeah, but this is the correct function that I've used a lot of time. So now you need to check your class .error(displaying) or make sure you have this class in your element class="error" for example.

Nibin · Accepted Answer · 2013-12-01 05:36:29Z

0

Try this mate.Hope this might help u .. :)

$(".error").on("mouseover", function () {
    //stuff to do on mouseover
});

answered Dec 1, 2013 at 5:36

Nibin

3,9602 gold badges22 silver badges40 bronze badges

Comments

Zeeshan · Accepted Answer · 2013-12-01 05:42:39Z

0

try this (put your code in document ready function...

$(document).ready(function(){

$('.error').mouseover(function(){
                alert("hello");
            });           
 });

REFERENCE MOUSEOVER

answered Dec 1, 2013 at 5:42

Zeeshan

1,68314 silver badges18 bronze badges

Collectives™ on Stack Overflow

jquery selector for error class generated in jquery validation

4 Answers 4

4 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related