Hej
Jeg har nu kastet mig ud i at validere formularer med jquery, men jeg er stødt på et lille problem.
Jeg har klistret følgende jquery-script sammen:
- // validate signup form on keyup and submit
- $(document).ready(function() {
- var validator = $("#opretbruger").validate({
-
- rules: {
- navn: "required",
- password: {
- required: true,
- minlength: 1
- },
- password_confirm: {
- equalTo: "#password"
- },
- epost: {
- required: true,
- minlength: 5
- },
- epost_confirm: {
- required: true,
- minlength: 5,
- equalTo: "#epost"
- }
- },
- messages: {
- navn: "Indtast venligst dit fulde navn",
- password: "Indtast venligst et kodeord",
- password_confirm: {
- required: "Gentag dit kodeord",
- equalTo: "Kodeordene er ikke ens"
- },
- epost: "Indtast venligst en gyldig mailadresse",
- epost_confirm: {
- required: "Gentag venligst din mailadresse",
- equalTo: "Mailadresserne er ikke ens"
- }
-
- },
- // the errorPlacement has to take the table layout into account
- errorPlacement: function(error, element) {
- if ( element.is(":radio") )
- error.appendTo( element.parent().next().next() );
- else if ( element.is(":checkbox") )
- error.appendTo ( element.next() );
- else
- error.appendTo( element.parent().next() );
- },
- // specifying a submitHandler prevents the default submit, good for the demo
- submitHandler: function() {
- alert("submitted!");
- },
- // set this class to error-labels to indicate valid fields
- success: function(label) {
- // set as text for IE
- label.html(" ").addClass("checked");
- }
-
- });
-
-
- });
Min html-side har følgende formular:
- <form name="bruger" action="user.php" method="post" id="opretbruger">
- <table>
- <tr>
- <td>Navn:*</td>
- <td><input type="text" name="navn" id="navn" placeholder="Jens Jensen" /></td>
- </tr>
- <tr>
- <td>E-mail:*</td>
- <td><input type="email" name="epost" id="epost" placeholder="eksempel@eksempel.dk" /></td>
- </tr>
- <tr>
- <td>Bekræft E-mail:*</td>
- <td><input type="email" name="epost_confirm" id="epost_confirm" placeholder="" /></td>
- </tr>
- <tr>
- <td>Kodeord:*</td>
- <td><input type="password" name="password" id="password" /></td>
- </tr>
- <tr>
- <td>Bekræft kodeord:*</td>
- <td><input type="password" name="password_confirm" id="password_confirm" /></td>
- </tr>
- <tr>
- <td>Postnr:</td>
- <td><input type="text" name="postby" id="postby" placeholder="6000 Kolding" /></td>
- </tr>
- <tr>
- <td></td>
- <td><input type="checkbox" name="newsletter" value="newsletter" /> Ja tak, jeg vil gerne modtage Ejeleje.dk's nyhedsbrev.</td>
- </tr>
- </table><br />
- <input type="submit" name="submit" id="signupsubmit" value="Opret bruger" class="btn btn-primary" />
- </form>
Mit spørgsmål er så nu hvorfor min validator ikke virker. Når jeg trykker på submit, så bevæger den sig straks videre til php-scriptet, som ligeledes validerer et par felter.