Question

I’m just a PHP starter and now I want to learn JQUERY, on my learning process I practice on validating inputs usually I validate my inputs using a pure PHP code only and every time I validate the inputs the page reloads and now I want to improve in doing things I found some articles like http://api.jquery.com/jQuery.ajax/, http://api.jquery.com/jQuery.post/ (can’t post other links) but I am more confused because they have different approach and I want to use the approach from the JQUERY tutorial but I haven’t found any good tutorials and there is no tutorials on JQUERY’s site that is using a database, usually I code like this:

<form method="post">
<label for="Username">Username:</label>
<input id="Username" type="text" name="username">
<?php
session_start();
if(isset($_SESSION['msg'])){
$msg=$_SESSION['msg'];
echo '<label for="Username">'.$msg.'</label>';
?>
<input type="submit" name="reg">
</form>
<?php
if(isset($_POST['reg'])){
$result=//check username from database here
if($result){
$_SESSION['msg']='username not available.';
}
else {
$_SESSION['msg']='username available.';
}
}
?>

Now I want to learn how can I validate inputs directly from the database without reloading the page? I don’t know where should I start, what to add in my code. Any help, advice or suggestions will be really a big help for me 🙂

Answer 1

first, in your form add a onSubmit function

 <form name='myform' type='POST' action='http://www.action.fr' onSubmit="return check_form()">

you can do this in ajax like that

function check_form()
 {
    var user = $('#Username').val(); // Username is the id of your input
    var password = $('#password').val(); // password is the id of your input
    $.ajax(
   {
     type:"POST", // or get as you want
     url:"myfile.php", // it is the php file which can do the job
     data: "user="+user+"&password="+password, // the param to send to your file, 
     success:function(msg)
     {
          ;// msg is the result of your 'myfile.php', everything you write is in the msg var

     }
  });
}

in your php file you can get your data like this :

 $user = $_POST['user'];
 $password = $_POST['password'];
 // if your type is get then use $_GET instead of $_POST

tell me if you have any problem with my code.