De eerste korte opdracht voor het vak WEB voor de 2e jaars in de 3e periode is het volgende:
Maak een webpagina met de volgende eigenschappen:
- Een HTML pagina met een aparte CSS stylesheet
Op de HTML pagina een formulier met:
- Een aantal invoervelden (minimaal 5 verschillende types)
- Input validatie met JQuery
Een aantal links:
Algemene info over JQuery
JQuery voor ontwerpers
JQuery validation plugin en deze pagina over de plugin.
En een stukje voorbeeld code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> <script> $(document).ready(function(){ $("#formulier").validate(); }); </script> </head> <body> <form id="formulier" method="get" action=""> <input name="email" size="25" class="required email" /> <input type="submit" value="ok" /> </form> </body> </html> |
