[jQuery] Walidacja formularza w "locie" Opcje

[martinii007]

Witam,

W jaki sposób mogę zwalidować "checkbox'a" żeby również był walidowany w "locie" tak jak pozostała część formularza?

jQuery:


$("#form1").validate({

debug: true,
submitHandler: function(form) {

form.submit();
//alert("Mail gotowy do wysłania!");

},
errorElement: "div",
errorContainer: $("#warning, #summary"),
errorPlacement: function(error, element) {
error.appendTo( element.parent("td").next("td") );
},
success: function(label) {
label.addClass("validr").text("Dane wprowadzone poprawnie!")
},
messages: {

name: {
required: \'To pole jest obowiązkowe!\',
minlength: \'Podano mniej niż 3 znaki\'
},
mail: {
required: \'To pole jest obowiązkowe!\',
email: \'Podano nie prawidłowy adres e-mail\'
},
subject: {
required: \'To pole jest obowiązkowe!\',
minlength: \'Podano mniej niż 10 znaków\'
},
msg: {
required: \'To pole jest obowiązkowe!\',
minlength: \'Podano mniej niż 20 znaków\'
},
check: {
required: \'To pole jest obowiązkowe!\' //Tu jest problem
}
}
});
';

HTML:

[HTML] pobierz, plaintext 
                  <form name="form" id="form" action="mail" method="POST">
 
						<table class="objTable">
 
					       <tbody>   
 
                            <tr><td id="formularz">Formularz kontaktowy</td><tr>
							<tr>
                                <td>Imię i nazwisko:</td>
                                <td><input type="text" value=""  name="name" id="name" class="required" minlength="3" maxlength="20" tabindex="1" /></td>
                                <td></td>
                            </tr>
 
                            <tr>
                                <td>Twój e-mail:</td>
                                <td><input type="text" value="" name="mail" class="required email" tabindex="2" /></td>
                                <td></td>
                            </tr>
 
                            <tr>
                                <td>Temat:</td>
                                <td><input type="text" value="" name="subject" class="required" minlength="10" tabindex="3" /></td>
                                <td></td>
                            </tr>
 
                            <tr>
                                <td>Wiadomość:</td>
                                <td><textarea name="msg" class="required" minlength="20" tabindex="4"></textarea></td>
                                <td></td>
                            </tr>
 
                            <tr>						
                                <td><label for="sent-to-me" id="sent-to-me">Wyślij mi kopię tej wiadomości</label></td>
				<td><input type="checkbox" name="check" id="kontaktcheck" tabindex="5"/></td>
                                <td></td>								
                            </tr>
 
                        </tbody>
 
                    </table>
 
                       <br /><br />
 
                       <input type="submit" name="submit-form" id="wyslij" value="" />
 
                       </form>
[HTML] pobierz, plaintext 

[b4rt3kk]

[HTML] pobierz, plaintext 
if ($('#kontaktcheck').is(':checked')) {
  // zaznaczony
} else {
  // nie zaznaczony
}
[HTML] pobierz, plaintext 

[martinii007]

Niestety nie działa (IMG:style_emoticons/default/sad.gif)
Jak wstawię powyższy skrypt to walidacja przestaje w ogóle działać.
Zapomniałem dodać, że waliduję za pomocą skryptu klik
Nie jestem specjalistą z jQuery, ale myślę, że powinno być coś w tym stylu jak napisałem wyżej:

check: {
required: \'To pole jest obowiązkowe!\' //Tu jest problem
}

Tyle, że mam chyba złą składnie.

[b4rt3kk]

Nie znam wszystkich pluginów do jQuery. Ale wystarczyło doczytać dokumentację:

[HTML] pobierz, plaintext 
rules: {
  'check': {
                required: true,
                maxlength: 1
              }
},
messages: {
            'check': {
                required: "Zaznacz checkbox"
            }
        }
[HTML] pobierz, plaintext 

[martinii007]

Podziękował (IMG:style_emoticons/default/yahoo.gif)
Można zamknąć

Ten post edytował martinii007 19.06.2013, 11:21:50