jQuery form validation error

Question

<form action="register.php" method="post" id="regform">
    <h4>Login info</h4>
    <hr><br>
    <input type="text" name="username" placeholder="Username"><br><br>
    <input type="password" name="password" placeholder="Password"><br><br>
</form>

--

$(document).ready(function(){
    $('#regform').on('submit', function(){
        alert($(this).username.val());
        return false;
    });
});

--

The error I'm getting:

TypeError: $(...).username is undefined

Can't see what I'm doing wrong..

Josh Crozier · Accepted Answer · 2014-08-27 22:04:04Z

2

You could use the following:

$(this).find('[name="username"]').val()

Example

or alternatively this.username.value would work too.

answered Aug 27, 2014 at 22:04

Josh Crozier

242k56 gold badges401 silver badges316 bronze badges

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

Comments

Barmar · Accepted Answer · 2014-08-27 22:04:59Z

2

It should be:

alert($(this).find('[name=username]').val());

or:

alert(this.username.value);

Accessing input elements as properties of the containing form is a DOM feature, not part of jQuery.

answered Aug 27, 2014 at 22:04

Barmar

789k57 gold badges554 silver badges669 bronze badges

Comments

nzifnab · Accepted Answer · 2014-08-27 22:03:57Z

1

Looks like you meant to do:

$(this).find("input[name=username]").val()

You can't just append .username to the end of a jquery object and hope for the right returned value. You need to select the correct element from the dom.

Also, instead of "return false" you should do this:

$('#regform').on('submit', function(e){
    e.preventDefault();
});

answered Aug 27, 2014 at 22:03

nzifnab

16.2k3 gold badges53 silver badges67 bronze badges

Collectives™ on Stack Overflow

jQuery form validation error

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related