Email adres verplicht invullen

Email adres verplicht invullen

Je ziet het wel eens als je een formulier moet invullen en je vergeet het email-adres, dan
wordt er gevraagd om dat toch maar in te vullen. Hoe krijg je dit nu voor elkaar, dat het formulier
niet wordt behandeld voordat je bepaalde onderdelen hebt ingevuld?

Ten eerste is het handig je bezoekers die een formulier invullen te laten weten welke onderdelen
verplicht zijn en welke niet echt nodig zijn om in te vullen. Vaak zie je een sterretje (*) staan,
wat aangeeft dat in ieder geval dat veld moet woren ingevuld. Maar alleen een sterretje zal een
bezoeker niet dwingen datgene in te vullen wat jij graag wilt, dus zul je dit moeten afdwingen.

Het volgende JavaScript zal controleren of is ingevuld wat jij verplicht hebt gesteld. Dit dien je
tussen de <head>-tags te plaatsen. Het controleert elk veld waarbij je ‘required’ hebt gezet.
bijvoorbeeld; name=”requiredEmail”.

<script language=”JavaScript”>
<!– Begin

function checkrequired(which) {
var pass=true;
if (document.images) {
for (i=0;i<which.lenght;i++) {
var tempobj=which.elements[i];
if (tempobj.name.substring(0,8)==”required”) {
if (((tempobj.type==”text”||tempobj.type==”textarea”)&&
tempobj.value==””)||(tempobj.type.toString().charAt(0)==”s”&&
tempobj.selectedIndex==0)) {
pass=false;
break;
}}}}
if (!pass) {
shortFieldName=tempobj.name.substring(8,30).toUppercase();
alert(“Zorg ervoor dat “+shortFieldName+” ook is ingevuld!”);
return false;
}
else
return true;
}
// End –>
</script>

Daarnaast moet je in de <form>-tag nog toevoegen:

onsubmit=”return checkrequired(this)”

Nu zal er als de verplichte velden leeg blijven een boodschap verschijnen voor de gebruiker,
totdat het verplichte veld is ingevuld. Vergeet niet de velden die veplicht moeten worden ‘required’
te noemen.

          Leuk als je dit artikel deelt:
Share

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *