Jquery Uncaught SyntaxError Unexpected Identifier

Question

I am trying to make a ajax request to check the database if this username is available, but when trying to run the script in the console it give me an error that the is an Uncaught SyntaxError- Unexpected Identifier. I have checked my code but can not find the problem. Can someone please help me figure this out?

Here is my code.

main.js

$('#checkusername').keyup(function() {
    $.ajax({
        var username = $('#checkusername').val();

        url: 'usernamecheck-validate.php',
        type: 'POST',
        data: {checkusername: username},
        success: function(data){
            $('.status').html(data);
        }
    });

});

register.php

 <form action="#" method="POST">
    <input type="text" name="email" id="email" class="form" placeholder="Enter Email"><br><br>
    <input type="text" name="username" id="checkusername" class="form" placeholder="Enter Username"><br><br>
    <input type="password" name="password" id="password" class="form" placeholder="Enter Password"><br><br>
    <input type="submit" name="register-validation-button" class="form-btn" value="Register Account">
 </form>

You can't have a var username = ... statement inside an object ({}). — gen_Eric
– gen_Eric, Commented Dec 30, 2015 at 16:33

Rory McCrossan · Accepted Answer · 2015-12-30 16:33:21Z

2

You need to define username outside of the object you provide to the $.ajax call:

$('#checkusername').keyup(function() {
    var username = $('#checkusername').val();
    $.ajax({
        url: 'usernamecheck-validate.php',
        type: 'POST',
        data: {
            checkusername: username
        },
        success: function(data){
            $('.status').html(data);
        }
    });
});

answered Dec 30, 2015 at 16:33

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

2 Comments

Tyler Obier Over a year ago

Thank you so much i changed it and it started working like a charm. Once again i appreciate the help you provided.

Rory McCrossan Over a year ago

No problem, glad to help.

Mohamed-Yousef · Accepted Answer · 2015-12-30 16:32:55Z

2

you can't use var in ajax like you did in OP .. use it like this

$('#checkusername').keyup(function() {
   var username = $('#checkusername').val();
    $.ajax({
        url: 'usernamecheck-validate.php',
        type: 'POST',
        data: {checkusername: username},
        success: function(data){
            $('.status').html(data);
        }
    });

});

answered Dec 30, 2015 at 16:32

Mohamed-Yousef

24k3 gold badges21 silver badges28 bronze badges

1 Comment

Tyler Obier Over a year ago

Thank you it is working now. Once again thank you for the help.

Collectives™ on Stack Overflow

Jquery Uncaught SyntaxError Unexpected Identifier

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related