Demo of blur event using JQuery

Name:
Enter your Details
Email:



Without entering any text if you leave the input area then you will get message.

HTML


Name:<input type=text name=fname id=t1><div id=d1 style="background-color:yellow;">Enter your Details</div>

Email: <input type=text name=fname id=t2>

jquery


<script>
$(document).ready(function() {
$('#t1').blur(function(){
var str1=$('#t1').val();
if(str1.length<1){
$('#d1').html('Please enter name');
}
});

$('#t2').blur(function(){
var str2=$('#t2').val();
if(str2.length<1){
$('#d1').html('Please enter email ');
}
});

})
</script>