jQuery Forum

Hi Guys,

I am new to jQuery and I am utilising it to try and improve a small business website I am making.

I am currently validating a webform which is going great. I have surprised myself how quick it was. I am writing the code in a ('body').append function. Which is working in general however when the users leaves a field using the mouse pointer or tabs (to a checkbox) it does not validate. Tabbing from a text box to a text box does validate :P This has completely confused me haha

Summarise Question 1:
How do I validate the field after every key press?

The second problem I am having is emailing the form to myself. I have written a php file which validates the fields server-side and emails them to myself but I am struggling to work out how I call the php script from jQuery so it uses the same submit form.

Summarise Question 2:
How do I call emailForm.php at the end of my .js file?

Here is a snippet of the first validation to give you a picture of my code :)

1. $(document).ready(function(){
2.     var jVal = {
3.         'fullName' : function() {
4.           
   
5.                   $('body').append('<div id="nameInfo" class="info"></div>');
6. 
   
7.                   var nameInfo = $('#nameInfo');
   
8.                   var ele = $('#fullname');
   
9.                   var pos = ele.offset();
   
10.            
    
11.             nameInfo.css({
    
12.                   top: pos.top-3,
    
13.                   left: pos.left+ele.width()+15
    
14.             });
15. 
    
16.             if(ele.val().length < 6) {
    
17.                    jVal.errors = true;
    
18.                   nameInfo.removeClass('correct').addClass('error').html('&larr; at least 6 characters').show();
19.                   ele.removeClass('normal').addClass('wrong');
20.                   } else {
21.                   nameInfo.removeClass('error').addClass('correct').html('&radic;').show();
22.                   ele.removeClass('wrong').addClass('normal');
23.                   }
24. }