Focus Event using JQUERY

This event is triggered when crusher is placed by using Tab key or mouse is clicked on any object.
We can add function to this and execute the code. Let us try to use two input fields for the user. . We will display message asking user to enter name when he keep the focus on first text box, same way we will ask the user to enter email address when the focus is shifted to second text box.

Here is the code
$(document).ready(function() {
$('#d1').html('Enter your name');

$('#d1').html('Enter your email');

In the above demo we have seen how the message is displayed on gaining focus. We can also trigger events when the object lost its focus by using blur() event.

Focus and blur together used to trigger form validation or displaying help message to users.

Post your comments , suggestion , error , requirements etc here .

Most Popular JQuery Scripts


Two dependant list boxes


Calendar with Date Selection


Data change by Slider


Show & Hide element
We use cookies to improve your browsing experience. . Learn more
HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
©2000-2020 All rights reserved worldwide Privacy Policy Disclaimer