<?php 
	include_once("../view/header-footer/InnerHeader.php");   
?>  
<script> 
$(document).ready(function()
{   
 
	$("#_frm").validate({
		
		errorElement:'div',
		rules:{ 
			Fname:{
				required:true,
				maxlength:50,
				minlength:3
			},
			ph_no:{
				required:true,
				maxlength:10,
				minlength:10,
				number:true
			
			},
			email:{
			  required:true,
			  email:true  
			},
			passwprd:{
				required:true 
			},
			refId:{
				required:true,
				number:true,
				remote: URL+"/ajax/validation.php"
			}
			
		},
		messages:{
          
		 	Fname:{
				required:"Enter your full name",
				maxlength:"Maximum  50 charaters allow",
				minlength:"Minimum 3 charaters required",
			},
			email:{
				required:"Enter email id" 
			},
			ph_no:{
				required:"Enter your phone no",
				maxlength:"Maximum  10 digits allow",
				minlength:"Minimum 10 digits required",
				number: "Enter numbers only"
			
			},
			passwprd:{
				required:"Enter password"
			} ,
			refId:{
				required:"Enter enter ref Id",
				number:"only numbers allowed",
			 	remote: "This ref id is not exist"
			}  
			 
		}
	}); 
}); 

</script>    

<?php 

?>
    
 
 
            <form id="_frm" method="post">

                <div>
                  <input type="text"  name="Fname" class="form-control form-control-lg" placeholder="Enter Your Name" />
                   
                </div>

                <div>
                  <input type="text" id="form3Example3cg"  name="email" class="form-control form-control-lg"  placeholder="Email Id"/> 
                </div>
                
                <div>
                  <input type="number"   name="ph_no" class="form-control form-control-lg" placeholder="Your Mobile No" />
                   
                </div>
                
                 
                <div>
                  <input type="number"   name="refId" class="form-control form-control-lg" placeholder="Enter Reference Id" />
                   
                </div>

                <div>
                  <input type="password" id="form3Example4cg" name="passwprd" class="form-control form-control-lg" placeholder="Your Login Password" />
                   
                </div>
 

            

                <div> 
                    <input type="submit" name="submit" value="Register"  class="btn btn-success btn-block btn-lg gradient-custom-4 text-body"/>
                </div>
 
                  
                    

              </form>
     
 
 
 
 
<!-- Section: Design Block -->
 
</body>
</html>
