Leeftijd valideren - CSS-trucs

Anonim

Dit fragment veronderstelde een HTML-formulier met een ID van "leeftijdsformulier" en drie invoer (tekst of select) met respectievelijk de ID's "dag", "maand" en "jaar".

$("#age-form").submit(function()( var day = $("#day").val(); var month = $("#month").val(); var year = $("#year").val(); var age = 18; var mydate = new Date(); mydate.setFullYear(year, month-1, day); var currdate = new Date(); currdate.setFullYear(currdate.getFullYear() - age); if ((currdate - mydate) < 0)( alert("Sorry, only persons over the age of " + age + " may enter this site"); return false; ) return true; ));

Misschien wilt u iets eleganters doen dan een waarschuwing, en moet u waarschijnlijk ook het formulier valideren met code aan de serverzijde, anders werkt deze bescherming alleen voor gebruikers met JavaScript ingeschakeld.