jquery: validation-plugin (solved) (HTML, CSS und Javascript)

[thread]16688[/thread]

jquery: validation-plugin [solved]

Tags: HTML Javascript jQuery Similar Threads

Readers: 12

Articles: hide open all | hide show old branches

+3 replies

Kuerbis

2011-09-04 08:55

User since
2011-03-20
906 articles
BenutzerIn
[default_avatar]

Weiß jemand, warum das nicht funktioniert? - es gibt keine Fehlermeldung, wenn ich den Submit-Button drücke ohne vorher etwas eingegeben zu haben.

Code (html): (dl )

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery-validation-1.8.1/jquery.validate.js"></script>
    <script type="text/javascript">
        $( document ).ready( function() {
            $( "form" ).validate( {
                rules: {
                    menge_1: "required",
                    bezeichnung_1: {
                        required: true,
                        minlength: 2
                    },
                    euro_stueck_1: "required"
                },
                messages: {
                    menge_1: "Please enter 'Menge'",
                    bezeichnung_1: {
                        required: "Please enter 'Bezeichnung'",
                        minlength: "'Bezeichnung' must consist of at least 2 characters"
                    },
                    euro_stueck_1: "Please enter 'Euro/Stück'"
                }
            });
        });
    </script>
</head>
<body>
<form>
    <table id="product">
        <tr id="tr_0"><th>Menge</th><th>Bezeichnung</th><th>Euro/Stück</th></tr>
            <tr id="tr_1">
                <td><input id="menge_1" type="text" /></td>
                <td><input id="bezeichnung_1" type="text" /></td>
                <td><input id="euro_stueck_1" type="text" /></td>
            </tr>
    </table>
    <br />
    <input type="submit" value="OK"/>
</form>
</body>
</html>

+2 replies

bianca

2011-09-04 11:09

User since
2009-09-13
6844 articles
BenutzerIn

user image

Muss die form nicht eine id oder ein name Tag bekommen mit der jQuery es ansprechen kann?

Edit: Und ich empfehle, das $ immer auszuschreiben mit jQuery. Kann sonst zu Problemen führen. Warum, weiß ich selbst nicht ganz genau ;) Hat irgendwas mit dem Namespace in JS zu tun.

Editiert von bianca: Edit ergänzt
Last edited: 2011-09-04 11:19:17 +0200 (CEST)

10 print "Hallo"
20 goto 10

Kuerbis

2011-09-04 13:41

User since
2011-03-20
906 articles
BenutzerIn
[default_avatar]

Es waren die keys - die beziehen sich die name Attribute. So funktioniert es jetzt:

Code (html): (dl )

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery-validation-1.8.1/jquery.validate.js"></script>
    <script type="text/javascript">
        $( document ).ready( function() {
            $( "form" ).validate( {
                rules: {
                    menge_1: "required",
                    bezeichnung_1: {
                        required: true,
                        minlength: 2
                    },
                    euro_stueck_1: "required"
                },
                messages: {
                    menge_1: "Please enter 'Menge'",
                    bezeichnung_1: {
                        required: "Please enter 'Bezeichnung'",
                        minlength: "'Bezeichnung' must consist of at least 2 characters"
                    },
                    euro_stueck_1: "Please enter 'Euro/Stück'"
                }
            });
        });
    </script>
</head>
<body>
<form>
    <table id="product">
        <tr id="tr_0"><th>Menge</th><th>Bezeichnung</th><th>Euro/Stück</th></tr>
            <tr id="tr_1">
                <td><input name="menge_1" /></td>
                <td><input name="bezeichnung_1" /></td>
                <td><input name="euro_stueck_1" /></td>
            </tr>
    </table>
    <br />
    <input type="submit" value="OK"/>
</form>
</body>
</html>

View all threads created 2011-09-04 08:55.