GOOGLE

<div id="add_user" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-body">
			<div class="alert alert-info"><strong>Sign Up</strong></div>
			<?php
			 $string = '0123456789';
    $string_shuffled = str_shuffle($string);
     $code = substr($string_shuffled, 1, 4);
     //$digits = 4;
        //$code =  str_pad(rand(0, pow(10, $digits)-1), $digits, '0', STR_PAD_LEFT);?>
	<form class="form-horizontal" method="post" enctype="multipart/form-data" action="submit.php">
		    <div class="control-group">
				<label class="control-label" for="inputEmail">Enter Name</label>
				<div class="controls">
					<input type="hidden" value="<?php echo $code; ?>" name="code">
				<input type="text" id="name" name="name" placeholder="Enter Name Here" required="required" onBlur="checkname()" autocomplete="OFF"><br/>
				<span id="user-availability-status">
				<p><img src="LoaderIcon.gif" id="loaderIcon" style="display:none" /></p>
				</div>
			</div>
			<div class="control-group" id="frmCheckUsername">
				<label class="control-label" for="inputEmail">Enter Last name</label>
				<div class="controls">
				<input type="text" id="lname" name="lname" placeholder="Enter Last Name" required="required" onBlur="checklname()" autocomplete="OFF"><br/>
				<span id="user-availability-status1">
				<p><img src="LoaderIcon.gif" id="loaderIcon" style="display:none" /></p>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="inputEmail">Enter Mobile Number</label>
				<div class="controls">
				<input type="text" id="mobile" name="mobile" placeholder="Enter Mobile Number Here" required="required" autocomplete="OFF">
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="inputEmail">Enter Email Id</label>
				<div class="controls">
				<input type="text" id="email" name="emilid" placeholder="Enter Email Id Here" required="required" autocomplete="OFF">
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
				<button name="code_verify" type="submit" class="btn btn-success"><i class="icon-save icon-large"></i>&nbsp;Submit</button>
				</div>
			</div>
    </form>
		</div>
		<div class="modal-footer">
			<button class="btn" data-dismiss="modal" aria-hidden="true"><i class="icon-remove icon-large"></i>&nbsp;Close</button>
		</div>
    </div>
	     	<script>
	     function checkname() {
			$("#loaderIcon").show();
			jQuery.ajax({
			url: "check_availability.php",
			data:'username='+$("#name").val(),
			type: "POST",
			success:function(data){
			$("#user-availability-status").html(data);
			$("#loaderIcon").hide();
			},
			error:function (){}
			});
			}
function checklname() {
			$("#loaderIcon").show();
			jQuery.ajax({
			url: "check_availability1.php",
			data:'username='+$("#lname").val(),
			type: "POST",
			success:function(data){
			$("#user-availability-status1").html(data);
			$("#loaderIcon").hide();
			},
			error:function (){}
			});
			}
			function checkcode() {
			$("#loaderIcon").show();
			jQuery.ajax({
			url: "check_code.php",
			data:'code='+$("#code").val(),
			type: "POST",
			success:function(data){
				//alert(data);
			$("#user-availability-code").html(data);
			$("#loaderIcon").hide();
			},
			error:function (){}
			});
			}

	     	</script>