My PHP class:
class myclass
{
function connection()
{
$con = mysqli_connect("localhost", "root", "", "clinic management system");
return $con;
}
function getusername()
{
$q = mysqli_query($this->connection(), "select * from clients");
return $q;
}
}
php code:
<?php
$obj = new myclass();
$user = $obj->getalluser();
$username = array();
foreach($user as $suser){
$username[] = $suser['client_name'];
$data = array( "username" => "");
if( isset($_POST["naam"]) ) {
if( in_array( $_POST["naam"], $username ) ) {
$data["username"] = "inuse";
}
}
}
echo json_encode( $data );
?>
jquery:
$(document).ready(function() {
$("form.register").change(function() {
$.post("check.php", $("form.register").serialize(), function(data) {
if (data.username == "inuse")
$("p#username_error").slideDown();
else
$("p#username_error").hide();
}, "json");
});
});
html:
<div id="myModal2" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Registeration</h4>
</div>
<div class="modal-body">
<form method="post" action="index.php" name="myform" id="myform" class="register">
<label class="">Username:</label>
<input type="text" name="naam" class="form-control">
<p id="username_error" style="display: none;" class="error">That Username is unavailable</p>
<label class="">Age:</label>
<input type="text" name="age" class="form-control">
<label class="">Gender:</label>
<select name="gender" class="form-control">
<option value="0">select gender</option>
<option>male</option>
<option>female</option>
</select>
<label class="">Email:</label>
<input type="text" name="email" class="form-control">
<label class="">phone:</label>
<input type="text" name="phone" class="form-control">
<label class="">password:</label>
<input type="password" name="pass" class="form-control">
<label class="">city:</label>
<input type="text" name="city" class="form-control">
<label class="">Address:</label>
<input type="text" name="address" class="form-control">
<input type="hidden" name="status" value="1" class="form-control">
<br>
<button class="btn btn-primary" type="submit" name="reg">register</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
When user type his name he get in paragraph that this user is not available if that be already exist in my database so far I have wrote this code since I am new to PHP have no idea where I am doing wrong. Why is my jQuery code not working? I have briefly define all my PHP code I written for that process also my jQuery with HTML code which I used in modal.