<script language="javascript">
function getXMLHTTP() { //fuction to return the xml http object
var xmlhttp=false;	
try{
xmlhttp=new XMLHttpRequest();
}
catch(e){		
try{			
xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e1){
xmlhttp=false;
}
}
}
return xmlhttp;
}
function QuickEnqValidate(){   
var myname=document.getElementById('uname').value;
var mymobile=document.getElementById('umobile').value;
var mymsg=document.getElementById('umsg').value;
error=1;
function trim(str){				
	 return str.replace(/^\s*|\s*$/g,'');
	}	
if(trim(document.getElementById('uname').value)==0){		
alert("Enter Your Name !");
document.getElementById('uname').focus();
error++;
return false;
}	
if (!myname.match(/^[a-zA-Z-,]+(\s{0,1}[a-zA-Z-, ])*$/))
{
alert("Please enter only alphabets !");
document.getElementById('uname').value='';
document.getElementById('uname').focus();
error++;
return false;
}
var mobno=trim(document.getElementById('umobile').value);
if(trim(document.getElementById('umobile').value)==0){
	alert("Enter your mobile no.!");
	document.getElementById('umobile').focus();
	error++;
	return false;
}
if(isNaN(document.getElementById('umobile').value)){
	alert("Mobile no. should be no.!");
	document.getElementById('umobile').focus();
	error++;
	return false;
}
if(mobno.length < 10){
    alert("Mobile no. should be 10 digit long !");
	document.getElementById('umobile').focus();
	error++;
	return false;
}

if(trim(document.getElementById('umsg').value)==0){
	alert("Enter your message !");
	document.getElementById('umsg').focus();
	error++;
	return false;
 }
if(error==1){
var req=new getXMLHTTP();
var str="<?=$site_url?>/insert_qenq_detail.php?username="+myname+"&usermobile="+mymobile+"&usermsg="+mymsg;
//alert(str);
req.onreadystatechange = function() {
if(req.readyState==4){
if(req.status==200){
document.getElementById('ClickMeQuick').click();
  } 
 }
}
req.open("GET",str,true);
req.send(null);
return false;
}
}
</script>
<style type="text/css"> 
#enqConfirm { height:100px;font-family:Verdana, Arial, Helvetica, sans-serif; width:350px; margin:0 auto; margin-top:100px; position:relative; font-weight:bold; z-index:10; display:none; background-color:#FFFFFF; border:2px solid #4caf50; border-radius:10px;padding:15px; font-size:14px; color:#234600; } 
#enqConfirm:target, #enqConfirm:target + #cover{ display:block; opacity:2; } 
</style>
<div align="center" style="position:absolute"> <a href="#enqConfirm" class="button" id="ClickMeQuick" style="display:none;"></a> </div>
<div id="enqConfirm" style="position:absolute; margin-left:225px;"> <a href="" title="Close" style="color:#FF0000;display:block; position:absolute; top:2px; right:2px;height:30px; width:30px; font-size:28px;">&times;</a> Your enquiry has been sent successfully. <br>
  We will contact you soon. </div>
<div class="container">
    <div class="row">
      <div class="col-md-12">
        <section>
          <h2 class="section-title"><span>need any help?</span>contact us</h2>
        </section>
      </div>
    </div>
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
        <div class="contact-form">
          <div class="contact-form-status"></div>
          <form id="form2" name="form2" method="post" action="" onsubmit="return QuickEnqValidate()">
            <div class="row">
              <div class="col-md-6">
                <div class="mdl-textfield mdl-js-textfield">
                  <input class="mdl-textfield__input" type="text" name="uname" id="uname">
                  <label class="mdl-textfield__label" for="uname">Name</label>
                </div>
              </div>
              <div class="col-md-6">
                <div class="mdl-textfield mdl-js-textfield">
                  <input class="mdl-textfield__input" type="text" id="umobile" name="umobile">
                  <label class="mdl-textfield__label" for="umobile">Mobile</label>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div class="mdl-textfield mdl-js-textfield">
                  <textarea class="mdl-textfield__input" rows="4" name="umsg" id="umsg" ></textarea>
                  <label class="mdl-textfield__label" for="umsg">Message</label>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12 text-center">
                <button type="submit" name="QuickSubmit" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised mdl-button--accent">Send</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>