if(window.XMLHttpRequest){
  xhttp = new XMLHttpRequest();
}else{
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
function validation(frm){
	var status = true;
	for(i = 0; i < 5; i++){
		if(document.getElementById('field'+i).value	== ''){
			document.getElementById('field'+i).style.borderColor = '#FF0000';
			status = false;
		}else{
			document.getElementById('field'+i).style.borderColor = '';
		}	
	}
	if(status == true){
		send_mail(frm);
	}else{
		return false;
	}
}
function send_mail(data){
	xhttp.open("GET", "sendmail.php?fname="+data.fname.value+"&email="+data.email.value+"&mobile="+data.mobile.value+"&address="+data.address.value+"&message="+data.message.value, true);
	xhttp.onreadystatechange = callphp;
	xhttp.send(null); 

}
function callphp(){
		if(xhttp.readyState == 4){
			document.getElementById('loader').style.display = 'none';
			document.contact_form.reset();
			document.getElementById('success').style.display = 'block';
		}
		else{
			document.getElementById('loader').style.display = 'block';
		}
		
		return false;
		
}

document.write('<form name="contact_form" method="post"> <table width="491" border="0"> <tr> <td width="142">Name</td> <td width="342"><input type="text" name="fname" id="field0"/></td> </tr> <tr> <td>Email Address </td> <td><input type="text" name="email" id="field1"/></td> </tr> <tr> <td>Mobile Number </td> <td><input type="text" name="mobile" id="field2"/></td> </tr> <tr> <td>Address</td> <td><input type="text" name="address" id="field3"/></td> </tr> <tr> <td>Message</td> <td><textarea type="text" name="message" id="field4"></textarea></td> </tr> <tr> <td></td> <td><input type="button" onClick="validation(contact_form);" value="Submit" name="submit"/> <span style="display:none" id="loader">Sending email...</span> <span style="display:none" id="success">Mail sent successfully</span></td> </tr> </table> </form>');