[jQuery] Form validation die valideert na check in checkbox

[Bananenspin]

Stom stom stom. Ik had het moeten bookmarken maar ik kan het niet meer terug vinden.. Ik ben opzoek naar een jQuery plugin voor form validation maar ik kwam er dus ook één tegen die helemaal perfect is.

Het idee is dat ik een checkbox met een input daarnaast heb, en die input hoeft alleen required te zijn als de checkbox ervoor is aangevinked. Wie weet welke plugin ik bedoel, of kan een andere aanraden?

[wimvanp1]

Deze gebruik ik en heeft die mogelijkheid:
http://jqueryvalidation.org/

Dan kan je (zie voorbeeld hier) het volgende doen:

JavaScript:

$("#myform").validate({
myinput: {
    required: "#mycheckbox:checked"
}
});

[Bananenspin]

Die zocht ik inderdaad dan! Ik ben die in veel zoek resultaten tegen gekomen maar kon het checkbox voorbeeld niet terug vinden dus ging er vanuit dat het hem niet was. Thanks!

[R4gnax]

Bananenspin schreef op donderdag 15 augustus 2013 @ 11:50:
Stom stom stom. Ik had het moeten bookmarken maar ik kan het niet meer terug vinden.. Ik ben opzoek naar een jQuery plugin voor form validation maar ik kwam er dus ook één tegen die helemaal perfect is.

Oh, die plugin is verre verre van perfect kan ik je vertellen. Voor simpele scenario's tot scenario's met middelmatige complexiteit werkt het nog redelijk, maar als je complexere zaken voor elkaar wilt krijgen, dan begin je al snel de scheurtjes in de laklaag te zien...

[Barryvdh]

R4gnax schreef op donderdag 15 augustus 2013 @ 13:00:
[...]


Oh, die plugin is verre verre van perfect kan ik je vertellen. Voor simpele scenario's tot scenario's met middelmatige complexiteit werkt het nog redelijk, maar als je complexere zaken voor elkaar wilt krijgen, dan begin je al snel de scheurtjes in de laklaag te zien...

Heb je een alternatief?

[Bosmonster]

Complexe form-validatie is bijna niet een standaard plugin samen te vatten is mijn ervaring. Bovenstaande is nog een van de betere en met genoeg kennis ervan kun je een eind komen, maar het zal nooit alle scenario's kunnen bedienen.

Dan is het tijd om zelf die functionaliteit te schrijven ipv een standaard plugin te pakken.

[MueR]

Inderdaad wat Bosmonster zegt. Standaard plugins zijn leuk als je een verplicht veldje wil hebben, of een email adres moet hebben in veldje X. Zodra je met complexere scenarios zit is het al bijna niet meer te doen en zul je echt zelf aan de slag moeten.

[_Thanatos_]

Het kan ook zonder javascript:

HTML:

<input type=checkbox required>

Alleen werkt dat niet in alle browsers. Je kunt wel een polyfill (eerste hit, lijst van polyfills) gebruiken, dan werkt het iig zonder javascript op de ondersteunde browsers. Scheelt weer een jQuery plugin.

[ Voor 34% gewijzigd door _Thanatos_ op 16-08-2013 12:59 ]

[wimvanp1]

_Thanatos_ schreef op vrijdag 16 augustus 2013 @ 12:54:
Het kan ook zonder javascript:

HTML:

<input type=checkbox required>

Alleen werkt dat niet in alle browsers. Je kunt wel een polyfill (eerste hit, lijst van polyfills) gebruiken, dan werkt het iig zonder javascript op de ondersteunde browsers. Scheelt weer een jQuery plugin.

Hiermee maak je volgens mij toch alleen een checkbox verplicht?
De vraag van de topicstarter is net dat een textfield verplicht moet worden als een checkbox aangevinkt is...

[jeroen_]

The required attribute works with the following input types: text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file.

Bron

[wimvanp1]

HTML heeft bij mijn weten toch geen enkele optie om een tekstveld pas required te maken indien de checkbox aangevinkt is

Wat topicstarter wilt is:
[Checkbox] ---- (textfield)
[checked] ---- (required)
[not checked] ---- (not required)

De checkbox zelf is dus niet required...

Misschien kan jij dit puur HTML maken, ik heb in elk geval geen idee hoe dit te doen zonder javascript...

Verder ken ik de HTML required tag wel...

[ Voor 5% gewijzigd door wimvanp1 op 16-08-2013 19:20 ]