Form met CSS validation

Hoi Allemaal,

Ik ben al langer op zoek, en heb al wat rond zitten googlen naar een css script waarbij je een form kan laten valideren.

Stel iemand vergeet iets in te vullen, dan moet het veld rood worden, en daaronder een voorbeeld van:

<input type> ← in het rood
voorbeeld: je achternaam

Weet iemand hoe dit heet? misschien een voorbeeld, of een tut site???

Ik ben benieuwd!

CSS is geen scripttaal, maar een style-sheet. Valideren doe je met PHP of Javascript. Hooguit past PHP of Javascript een andere stijl toe op je veld-beschrijving. Met PHP moet je de pagina herladen, met Javascript zou het live gecheckt kunnen worden.

Off Topic: wanneer je in je profiel hier 2 homepages invult, kan niemand er op klikken! Dus zet er bijvoorbeeld 1 in het profiel, en stop de andere als link achter je signature.

(Over snelle reactie gesproken :))

Oke, het is dus php, iemand een idee waar ik dit kan vinden als voorbeeld?

Een vriend van me die php-er is, is er ook al mee bezig, maar ben benieuwd of dit op een makkelijke manier kan dan hij doet.

snel ff een paginaatje gemaakt.

Hij toont wel een pop-upje, maar dan gaat ie zijn focus plaatsen op het niet ingevulde veld.

http://www.vanommeslaeghetmp.be/form.php

je kan het net zo moeilijk/makkelijk maken als je zelf wilt.

reguliere expressies zijn het meest flexibel. kijk bijv hier eens http://www.regular-expressions.info/

google ook even wat. Tis wel belangrijk omdat garbage in = garbage out.

Oke,

Thanks voor de posts.

Ik kies expres niet voor een popup actie, doordat ik dit als gebruiker al altijd irritant vind.

Ik zit nu wat te kijken op http://www.regular-expressions.info, maar snap niet echt veel van het verhaal. Ik heb al wat geprobeerd te googlen, maar de juiste keywords zijn meestal de golden key. Helaas weet ik niet hoe dit precies heet.

Zoiets: Geyahoed op "PHP form validation" http://simon.incutio.com/archive/2003/06/17/theHolyGrail

De tutorial is voor een script dat dit doet:

[quote:06c502db2e] 1. The form is displayed; you fill it in.
2. You submit the form to the server.
3. If you missed something out or provided invalid input, the form is redisplayed pre-filled with the valid data you already entered.
4. The redisplayed form tells you what you got wrong. It also flags the fields that were incorrect.
5. Loop until you fill the form in correctly.[/quote:06c502db2e]

Formuliervalidatie kan je best in JS doen, dan belast je de server minder, omdat het client-side is. Hier ze je een leuk voorbeeldje uit een school-opdracht van me: [url=http://cmdstud.khlim.be/~ruwinters/Cases/Case%201.2/contact.html]*klik*[/url] (flashPlayer 8 vereist voor menu weer te geven)

[quote:6ea63061a6="DEform"]Formuliervalidatie kan je best in JS doen, dan belast je de server minder, omdat het client-side is. Hier ze je een leuk voorbeeldje uit een school-opdracht van me: [url=http://cmdstud.khlim.be/~ruwinters/Cases/Case%201.2/contact.html]*klik*[/url] (flashPlayer 8 vereist voor menu weer te geven)[/quote:6ea63061a6]

Dat faalt al wanneer JavaScript uitgeschakeld is, je moet altijd voor dubbele (PHP + JavaScript) validatie zorgen.

@DEform

kben even op je site geweest, en een aantal berichtjes gepost zonder dat de verzend button actief was…
Dus ook met javascript “aan” kan ik met safari langs de validatie komen.
Javascript validatie moet je denk ik zien als een “service” naar de gebruiker, maar niet als geldige validatie…