how to handle change event in jquery?

Answer 1

If I understand your question properly, what's wrong with your code is that it's expecting the onchange event on a p to get called. This isn't a thing that normally happens. You should probably read up on onchange and compare/contrast it with whatever behavior you're expecting (which I don't really understand).

Answer 2

It looks like you're setting the <p> to be displayed when it is changed. Why would the <p> be changing? By the way, the #error element is being hidden, so setting the <p> to display isn't going to do anything if its parent is hidden. I think you might need an .end() in there to revert back to the #error element.

I think this is more in line with what you want:

$('#error').hide(); 
$('#error').find('p').change(function(){
        if($(this).contents().length > 0){
                $(this).parent().show();    // .parent() should return #error
        }
});

Answer 3

AFAIK, the change event works only for the input elements, it wouldn't fire for your paragraph element.

EDIT: If your problem is that the paragraphs become invisible again, then there must be some other code which does that. Check for setInternal or setTimeout method calls in your code.

Answer 4

There is no JavaScript error in your code. The issue is that you are hidding the error div. Find is a traversing method that looks to all children of a div. And then you choose to show a div in with a hidden parent. It will not show anything.