kritinet
Gebruiker
- Lid geworden
- 25 nov 2007
- Berichten
- 118
Hoi
Ik heb een Offerte-formulier. Dit werkt perfekt. Ik laat sommige gegevens controleren met behulp van javascript.
zoals hier :
[JS]<script type='text/javascript'>
function formValidator(){
var Achternaam = document.getElementById('Achternaam');
var Straat = document.getElementById('Straat');
var Huisnummer = document.getElementById('Huisnummer');
var Email = document.getElementById('Email');
if(notEmpty(Achternaam, "Geef uw achternaam op !")){
if(isAlphanumeric(Straat, "Geef uw korrekte straatnaam op !")){
if(isAlphanumeric(Huisnummer, "Geef uw korrekte huisnummer op !")){
if(emailValidator(Email, "Geef een geldig e-mailadres op")){
return true;
}
}
}
} return false;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isNumeric(elem, helperMsg){
var numericExpression = /^[0-9 ]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphabet(elem, helperMsg){
var alphaExp = /^[a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z ]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function madeSelection(elem, helperMsg){
if(elem.value == "kies a.u.b."){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function emailValidator(elem, helperMsg){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
</script>[/JS]
Dit werkt perfect. hier het voorbeeld http://www.estero-travel.com/nl/Offerte.php
Maar nu heb ik een checkbox aan het formulier toegevoegd om de algemene voorwaarden te accepteren. Hoe moet ik het javascript aanpassen. Tot nu toe heb ik alleen de mogelijkheden dat :
- het textvak niet leeg is (notEmpty)
- het textvak alleen nummers moeten zijn (isNumeric)
- het textvak letters moet bevatten (isAlphabet)
- het textvak letters en nummers moet bevatten (isAlphanumeric)
- uit het List/Menu gekozen moet worden (madeSelection)
- een korrekt email adres aangegeven moet worden (emailValidator)
wat moet ik toevoegen om een checkbox te controleren?
Ik heb een Offerte-formulier. Dit werkt perfekt. Ik laat sommige gegevens controleren met behulp van javascript.
zoals hier :
[JS]<script type='text/javascript'>
function formValidator(){
var Achternaam = document.getElementById('Achternaam');
var Straat = document.getElementById('Straat');
var Huisnummer = document.getElementById('Huisnummer');
var Email = document.getElementById('Email');
if(notEmpty(Achternaam, "Geef uw achternaam op !")){
if(isAlphanumeric(Straat, "Geef uw korrekte straatnaam op !")){
if(isAlphanumeric(Huisnummer, "Geef uw korrekte huisnummer op !")){
if(emailValidator(Email, "Geef een geldig e-mailadres op")){
return true;
}
}
}
} return false;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isNumeric(elem, helperMsg){
var numericExpression = /^[0-9 ]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphabet(elem, helperMsg){
var alphaExp = /^[a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z ]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function madeSelection(elem, helperMsg){
if(elem.value == "kies a.u.b."){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function emailValidator(elem, helperMsg){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
</script>[/JS]
Dit werkt perfect. hier het voorbeeld http://www.estero-travel.com/nl/Offerte.php
Maar nu heb ik een checkbox aan het formulier toegevoegd om de algemene voorwaarden te accepteren. Hoe moet ik het javascript aanpassen. Tot nu toe heb ik alleen de mogelijkheden dat :
- het textvak niet leeg is (notEmpty)
- het textvak alleen nummers moeten zijn (isNumeric)
- het textvak letters moet bevatten (isAlphabet)
- het textvak letters en nummers moet bevatten (isAlphanumeric)
- uit het List/Menu gekozen moet worden (madeSelection)
- een korrekt email adres aangegeven moet worden (emailValidator)
wat moet ik toevoegen om een checkbox te controleren?