title: Validating form using jquery
body: <p>I was reading a tutorial on form validation and I followed it. The form is still not validated. Please help me out. Thanks</p>
  
  <pre><code>&lt;html&gt;&lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;link href="stylesheet.css" type="text/css" rel="stylesheet"&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;    
  &lt;script type="text/javascript" src="js/jquery.validate.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(){
      $("#registerForm").validate();
    });
  &lt;/script&gt;
  
  &lt;title&gt;9am Resource Agency&lt;/title&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Here is the form,</p>
  
  <pre><code> &lt;form id="form1" class="registerForm" method="post" action="mailsent.php"&gt;                                                
                        &lt;input name="name" class="required" type="text" minlength="3"  id="name"  style="font-family: Verdana; color:#FFFFFF; ; font-size: 13px; background-color: #0E0E0F;border: 1px solid #740086; margin-bottom:10px;  width:385px;" size="32" value="Name" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/&gt;                  
                        &lt;input name="email" class="required" type="text" id="email" minlength="5"  style=" font-family: Verdana;  font-size: 13px;  color:#FFFFFF; background-color: #0E0E0F; border: 1px solid #740086;  margin-bottom:10px;   width:385px;" size="38" value="Email" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /&gt;
                        &lt;input name="phone"  type="text" id="phone" minlength="7" style=" font-family: Verdana; color:#FFFFFF; font-size: 13px;background-color: #0E0E0F; border: 1px solid #740086; width:385px;  margin-bottom:10px;" size="385" value="Phone #" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/&gt;
                       &lt;textarea
                       minlength="10"
                       class="required"
      name="message"
      cols="37"
      rows="12"
      id="message"
      style="font-family:Verdana; color:#FFFFFF; font-size:13px; background-color:#0E0E0F; border:1px solid #740086; width:385px;margin-bottom:10px;overflow:hidden;"
      onFocus="if(this.value==this.defaultValue)this.value='';"
      onBlur="if(this.value=='')this.value=this.defaultValue;"&gt;
  Message
  &lt;/textarea&gt;
  
                        &lt;input style="margin-left:303px; margin-top:20px;" type="image" src="logonbutton.png" name="Submit" value="Submit" /&gt;                    
     &lt;/form&gt;
  </code></pre>