Showing posts with label JavaScript form Inline Valiation. Show all posts
Showing posts with label JavaScript form Inline Valiation. Show all posts

Saturday, March 10, 2012

JavaScript form Inline Valiation

function Validateform()
{
    name=Trim(document.getElementById("Name").value) ;
    email=Trim(document.getElementById("Email").value) ;
    contact=Trim(document.getElementById("ContactNo").value) ;
    company=Trim(document.getElementById("Company").value) ;
    querytype=Trim(document.getElementById("QueryType").value) ;
    var str="";
    flag=true;
    //str=str+ "please enter your e-mail";
            if(name=='Please enter your Name' || name=='Please enter Alphabets only' || name=='')
            {
                str="Please enter your Name\n";
                document.getElementById("Name").focus();
                flag=false;
                //return false;
            }
            if(email=='Please enter your E-mail' || email=='Enter valid E-mail eg name@yahoo.com' || email=='')
            {
                str+="Please enter your E-mail Address\n";
                document.getElementById("Email").focus();
                flag=false;
                //return false;
            }
            if(contact=='Please enter your Contact Number' || contact=='Enter valid Contact Number' || contact=='')
            {
                str+="Please enter your Contact Number\n";
                document.getElementById("ContactNo").focus();
                flag=false;
                //return false;
            }
          
            if(company=='Please enter your Company Name' || company=='Enter valid Company Name' || company=='')
            {
                str+="Please enter your Company Name\n";
                document.getElementById("Company").focus();
                flag=false;
                //return false;
            }
              
              
            if(querytype=='Query Type' || querytype=='' || querytype=='Query Type')
            {
                str+="Please select QueryType\n";
                document.getElementById("QueryType").focus();
                flag=false;
                //return false;
            }
              
          
          
            if(flag==false)
            {
                alert(str);
                return false;
            }
            else
                return true;
}
      
        function name_check()
        {
            name=Trim(document.getElementById("Name").value) ;
          
          
            if(name=='Please enter your Name' || name=='Please enter Alphabets only')
            {
                document.getElementById("Name").value ='';
            return false;
          
            }
            return true;
        }
      
        function email_check()
        {
          
            email=Trim(document.getElementById("Email").value) ;
          
            if(email=='Please enter your E-mail' || email=='Enter valid E-mail eg name@yahoo.com')
            {
            document.getElementById("Email").value ='';
            return false;
          
            }
            return true;
        }
      
      
        function contact_check()
        {
          
            contact=Trim(document.getElementById("ContactNo").value) ;
            if(contact=='Please enter your Contact Number' || contact=='Enter valid Contact Number')
            {
            document.getElementById("ContactNo").value ='';
            return false;
          
        }
            return true;
        }
          
          
            function Company_check()
        {
          
            contact=Trim(document.getElementById("Company").value) ;
            if(contact=='Please enter your Company Name' || contact=='Please Enter valid Company Name')
            {
            document.getElementById("Company").value ='';
            return false;
          
        }
            return true;
        }
      
      
      
      
          
          
          
        //for errors
      
        function name_error()
        {
        obj=document.getElementById("formId");
            name_obj=Trim(obj.Name.value);
            //alert(name_obj);
            if(name_obj=='Name' || name_obj=='')
            {
                document.getElementById("Name").value="Please enter your Name" ;
                return false;
            }
            else
            {
              
                var regexLetter = /^[a-zA-Z-/\s]+$/;
                if(!regexLetter.test(name_obj))
                {
                document.getElementById("Name").value="Please enter Alphabets only";
                return false;
                }
            }
            return true;
            }
          
          
          
    function email_error()
        {
        obj=document.getElementById("formId");
            email_obj=Trim(obj.Email.value);
            //alert(name_obj);
            if(email_obj=='E-mail' || email_obj=='')
            {
                document.getElementById("Email").value="Please enter your E-mail" ;
                return false;
            }
            else
            {
          
                var regexLetter =  /^[a-zA-Z]+[a-zA-Z0-9._-]*\@[a-zA-Z0-9-]+\.[a-zA-Z.]{2,5}$/;
                if(!regexLetter.test(email_obj))
                {
                document.getElementById("Email").value="Enter valid E-mail eg name@yahoo.com";
                return false;
                }
            }
            return true;
            }
          
          
            function contact_error()
        {
        obj=document.getElementById("formId");
            contact_obj=Trim(obj.ContactNo.value);
            //alert(name_obj);
            if(contact_obj=='Contact' || contact_obj=='')
            {
                document.getElementById("ContactNo").value="Please enter your Contact Number" ;
                return false;
            }
            else
            {
          
                var regexLetter =/^\d{10}\d*$/;

    
                if(!regexLetter.test(contact_obj))
                {
                document.getElementById("ContactNo").value="Enter valid Contact Number";
                return false;
                }
            }
            return true;
            }
          
          
            function Company_error()
        {
        obj=document.getElementById("formId");
            company_obj=Trim(obj.Company.value);
            //alert(name_obj);
            if(company_obj=='Company' || company_obj=='')
            {
                document.getElementById("Company").value="Please enter your Company Name" ;
                return false;
            }
            else
            {
              
                var regexLetter = /^[0-9a-zA-Z-/\s]+$/;
                if(!regexLetter.test(company_obj))
                {
                document.getElementById("Company").value="Please Enter valid Company Name";
                return false;
                }
            }
            return true;
            }
          
          
      
</script>

<form action="<?php $_SERVER['PHP_SELF']; ?>" method="post" id="formId" enctype="multipart/form-data" onsubmit="return Validateform();">
                                     <div class="login_lft">
                                            <div class="login_txt">Name<span class="red">*</span></div>
                                            <div class="login_field">
                                            <label>
                                            <input name="Name" type="text"  class="field" id="Name" maxlength="30" value='Please enter your Name' onblur="return name_error();" onclick="return name_check();" onfocus="return name_check();" tabindex="1" maxlength="50"/>
                                            </label>
                                            </div>
                                           
                                            <div class="login_txt">E-mail Id<span class="red">*</span></div>
                                            <div class="login_field">
                                            <label>
                                            <input name="Email" type="text" class="field" id="Email"  value="Please enter your E-mail" onblur="return email_error();" onclick="return email_check();" onfocus="return email_check();" tabindex="3" maxlength="100"/>
                                            </label>
                                          </div>
                                           
                                        
                                           
                                            <div class="login_field">
                                            <label></label>
                                    </div>
                                      <div class="login_txt">Query Type<span class="red">*</span></div>
                                      <div class="login_field">
                                            <label>
                                            <select name="QueryType" class="field" id="QueryType" tabindex="5" >
                                             <option value="Query Type" selected="selected">Query Type</option>
                                            <option value="Application Development & Design">Application Development & Design</option>
                                            <option value="AMC">AMC</option>
                                            <option value="Application Migration">Application Migration</option>
                                            <option value="Data Centre">Data Centre</option>
                                            <option value="FLMS Demo">FLMS Demo</option>
                                            <option value="Mobile Application">Mobile Application</option>
                                            <option value="Network">Network</option>
                                          
                                            <option value="Remote infrastrucher Management">Remote infrastrucher Management</option>
                                            <option value="Testing">Testing</option>
                                            <option value="TIMS Demo">TIMS Demo</option>
                                            <option value="Other Query">Other Query</option>
                                            </select>
                                            </label>
                                      </div>
                                          
                                           
                                  </div>
                                   
                                    <div class="login_rgt">
                                            <!--<div class="login_txt">Subject<span class="red">*</span></div>
                                            <div class="login_field">
                                            <label>
                                            <input name="Subject" type="text" class="field" id="Subject" value="please enter Subject" onblur="return Subject_error();" onclick="return Subject_check();" onfocus="return Subject_check();" maxlength="50"/>
                                            </label>
                                            </div>-->
                                           
                                               <div class="login_txt">Company Name<span class="red">*</span></div>
                                            <div class="login_field">
                                            <label>
                                            <input name="Company" type="text" class="field" id="Company" value="Please enter your Company Name" onblur="return Company_error();" onclick="return Company_check();" onfocus="return Company_check();" tabindex="2" maxlength="200"/>
                                            </label>
                                            </div>
                                           
                                            <div class="login_txt">Contact Number<span class="red">*</span></div>
                                            <div class="login_field">
                                            <label>
                                            <input name="ContactNo" type="text" class="field" id="ContactNo" maxlength="11" value="Please enter your Contact Number" onblur="return contact_error();" onclick="return contact_check();" onfocus="return contact_check();" tabindex="4" />
                                            </label>
                                          </div>
                                          
                                           <!-- <div class="login_txt">Website URL</div>
                                      <div class="login_field">
                                            <label>
                                            <input name="WebsiteURL" type="text" class="field" id="WebsiteURL" />
                                            </label>
                                      </div>-->
                                           
                                     <div class="login_txt">Attach File</div>
                                            <div class="login_field">
                                            <label>
                                            <input type="file" name="ContactFile" id="ContactFile" tabindex="6" />
                                            </label>
                                            </div>
                                      <div class="login_field"></div>
                                          
                                           
                                  </div>
                                <div class="clear"></div>
                                <div class="div_adjust">
                             
                                </div>
                               
                                <div class="div_adjust">
                                <div class="login_txt">Message<br /></div>
                                  <label>
                                  <textarea name="Description" class="field3" id="Description" cols="45" rows="5" tabindex="7" maxlength="100"></textarea>
                                  </label>
                               
                                <div class="clear"></div>
                                </div><br />
                               

                                <div>
                               
                                <table width="60%" border="0">
  <tr>
    <td><input name="button" type="submit" id="button" value="Submit"  class="input_button"  tabindex="8" /></td>
    <td>Fields marked with <span class="red2"> * </span> are mandatory.</td>
  </tr>
</table>

                                </div>
                              
                                </form>
                                </div>
         
          </div>
            <?php } ?>

Popular Posts