jquery .post() not working properly with PHP to check for username availability

Question

hi my name is shan and I am new to AJAX with JQuery & PHP. I am trying to look for usernames that have been already taken, if it is already taken then I want it to print username taken, else not taken. since I have also written please type a username in case of it being blank. And firebug is also not throwing any errors. Any ideas guys???

My PHP code is as follows

<?php
include 'dbconfig.inc.php';
@$uname=  htmlentities($_POST['unamer']);
$uname_val=  mysql_real_escape_string($uname);
$row =$project->viewByUname($uname_val);
if ($row>0) {
   #uname is taken
    echo 0;   
}
else {
    #uname is not taken
    echo 1;
}

JQuery code:

   $.post("includes/uname_val.php", {unamer:uname_val},
            function(result) {
                if(result === 1) {
                    //the uname is available
                    console.log("working now");
                    $(".js-write_u_r").html('<span class="glyphicon glyphicon-ok"> Username Is Available</span>');
               return true;
                }
                else if(result===0) {
                    console.log("working now1");
                    //the uname is not available
                    $(".js-write_u_r").html('<span class="glyphicon glyphicon-remove"> Username is not Available.</span>');
                return false;
                }
                else if (uname_val===""){
 console.log("working now but blank");
                    $(".js-write_u_r").html('Please type a Username.');
                    return false;
                } else
                {
                    console.log(" now not working");
                    return false;
                }

HTML:

<div class="col-xs-1"></div><div class="col-xs-5"><h2>Register here!</h2><form action="includes/register.inc.php"  method="post"><table> 
                                        <tr><td><input type="text" name="fnamer" placeholder="Firstname"required="please enter your first name" class="input-custom input-group-lg input-group-sm input-lg input-sm"></td></tr>
                                        <tr><td><input type="text" name="lnamer" placeholder="Lastname"required="" class="input-custom input-group-lg input-group-sm input-lg input-sm"></td></tr>
                                        <tr><td><input type="text" name="unamer" placeholder="Username" required="" class="input-custom input-group-lg input-group-sm input-lg input-sm uname-val"></td>
                                        <td><p class="js-write_u_r"></p></td></tr>
                                        <tr><td><input type="password" name="passr" placeholder="Password"required="" id="pass0"class="input-custom input-group-lg input-group-sm input-lg input-sm pass0"></td></tr>
                                        <div>&nbsp;</div><tr><td><input type="password" name="pass1r" placeholder="Retype Password" required=""id="pass1" class="input-custom input-group-lg input-group-sm input-lg input-sm pass1" ></td>
                <td><p class="js-write"></p></td></td></tr>
                                        <br><tr><td><input type="email" name="emailr" placeholder="email" required="" class="input-custom input-group-lg input-group-sm input-lg input-sm"></td></tr>
                                        <br><tr><td><input type="text" name="phoner" placeholder="Phone Number" required="" class="input-custom input-group-lg input-group-sm input-lg input-sm"></td></tr>
            <br><tr><td><br><button type="submit" name="submit-register" value="login"  class="btn btn-group-lg btn-danger btn-lg">Register</button></td></tr>
        </table></form></div><br><div>&nbsp;</div>

now it output's "now not working" in console it gives a clean 200 response @Disha

Are you getting ajax response successfully? have you tried console log result? — Disha V.
– Disha V., Commented Sep 7, 2015 at 6:37
you are using return in the ajax. And the return will work only if you are using callback function — Manoj Dhiman
– Manoj Dhiman, Commented Sep 7, 2015 at 7:37
after deleting return st's i still get the output "now not working" @ShowStopper . — jackal4me
– jackal4me, Commented Sep 7, 2015 at 7:44
@ShowStopper i tried alert still it outputs "now not working" — jackal4me
– jackal4me, Commented Sep 7, 2015 at 7:50

Manoj Dhiman · Accepted Answer · 2015-09-07 08:11:09Z

1

Try to use == instead of === .=== will compare also datatype of the return value . And in ajax response you will alwase get the response as a string weather you are echoing integer or string .

$.post("includes/uname_val.php", {unamer:uname_val},
            function(result) {
                if(result == 1) {
                    //the uname is available
                    console.log("working now");
                    $(".js-write_u_r").html('<span class="glyphicon glyphicon-ok"> Username Is Available</span>');
               return true;
                }
                else if(result== 0) {
                    console.log("working now1");
                    //the uname is not available
                    $(".js-write_u_r").html('<span class="glyphicon glyphicon-remove"> Username is not Available.</span>');
                return false;
                }
                else if (uname_val== ""){
 console.log("working now but blank");
                    $(".js-write_u_r").html('Please type a Username.');
                    return false;
                } else
                {
                    console.log(" now not working");
                    return false;
                }

Or you need to compare it with string like

if(result === '1') 
{
    //the uname is available
     console.log("working now");
     $(".js-write_u_r").html('<span class="glyphicon glyphicon-ok"> Username Is Available</span>');
     return true;
 }

edited Sep 7, 2015 at 8:11

answered Sep 7, 2015 at 7:40

Manoj Dhiman

5,1616 gold badges32 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jackal4me Over a year ago

Finally after using == instead of === it is working now guys, thanks 4 d answers

Collectives™ on Stack Overflow

jquery .post() not working properly with PHP to check for username availability

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related