Question

I want to check the value enter in the form by user. i have applied validation and its working. The problem is that if user enter any form value incorrectly and then clicks submit, the whole page is refreshed and all input data is lost.

I want that validations is checked before passing it to server. One of my friends told me its possible with AJAX. Can anyone guide a beginner on how to do this?

Answer 1

You can use javascript instead and save the server from transferring some extra KBs and calculations by using Ajax (which technically is javascript but you send the request back to the server)

Jquery has a plugin called validation that will make your life easier though:

http://docs.jquery.com/Plugins/validation

There is a live demo in the link above

For example if you wanted to validate the username you could do this

  <script>
  $(document).ready(function(){
    $("#commentForm").validate();
  });
  </script>

<form  id="commentForm">
<input id="uname" name="name" class="required"  />
</form>