How to use jQueryValidation without using name attributes

Question

I'm using jQueryValidation and I would like to validate my form without needing to use name attributes.

If the form elements don't have the name attribute only the first element is validated.

<!DOCTYPE html>
<html>
    <head>
        <title>jQuery Validation Demo</title>
        <script src="jquery.js" type="text/javascript"></script>
        <script src="jquery.validate.min.js" type="text/javascript"></script>
        <script type="text/javascript">
        $(document).ready(function() {
            $('#loginButton').click(function(){
                $('form').validate();
            });
        });
        </script>
    </head>
    <body>
        <form action="#" id="loginForm">
            <input type="text" id="userText" class="required" placeholder="User" />
            <input type="password" id="passwordText" class="required" placeholder="Password" />
            <input type="submit" id="loginButton" value="Login" />
        </form>
    </body>
</html>

Thanks.

Surely the name attributes are useful for handling the data? What's your problem with using them? — Calum
– Calum, Commented Apr 13, 2011 at 9:53
Have you tried validating an element like this docs.jquery.com/Plugins/Validation/Validator/element#element? — Calum
– Calum, Commented Apr 13, 2011 at 9:56
@Calum none, I just wasn't properly understanding the differences between them. — Diogo Cardoso
– Diogo Cardoso, Commented Jun 4, 2011 at 21:17
@Calum When using Stripe we don't ever want to pass data to the server, so not using a name attribute on the inputs makes sense. Instead, we use a data attribute so Stripe.js can pick them up. — joe
– joe, Commented May 13, 2015 at 8:37

Mahesh KP · Accepted Answer · 2011-04-13 10:03:58Z

2

Try like this.

   $("#loginForm").validate({

                rules: {
                      userText:"required"
                       }
                     });

answered Apr 13, 2011 at 10:03

Mahesh KP

6,47613 gold badges54 silver badges71 bronze badges

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

1 Comment

Soutzikevich Over a year ago

OP said he wants to validate elements by ID instead of name

Diogo Cardoso · Accepted Answer · 2011-06-04 21:19:46Z

1

You have to use name attribute in order to use class="required"

edited Jun 4, 2011 at 21:19

answered Jun 4, 2011 at 21:14

Diogo Cardoso

22.4k26 gold badges103 silver badges139 bronze badges

Collectives™ on Stack Overflow

How to use jQueryValidation without using name attributes

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related