Question

I just started PHP. I created a form in which there are three textboxes (name,email,age). Now suppose I fill deepak in textbox1 and then I press tab to go on next textbox but I keep it empty and then I press again tab and g in last textbox. As I move to third textbox, on the right side of textbox2 a error message should be displayed (plz fill email box). How I can do this? I know for this ajax will be used because I am not refreshing the page. Please give an example. Because once I get it I can apply this for all boxes…

                          Thanking You in Advance...

Answer 1

On the focus of the age input, you can text for the presence of text in the email field using jQuery.

Providied you have the following HTML

<input type="text" id="email" />
<p id="email-error-label"></p>
<input type="age" id="email" />

You can use the following JavaScript:

$('#age').focus(function (){
  email = $('#email').val();
  if(email.length() == 0)
  {
    $('#email-error-label').val('Please fill in email');
  }  
});

NB: I have not tested this code