Javascript om formulier te valideren werkt niet.

Status
Niet open voor verdere reacties.
C

Chicken01

Gebruiker
Lid geworden
10 okt 2009
Berichten
6
Goeden middag,
Ik ben bezig met het maken van een website, hiervoor wil ik JavaScript gebruiken om een formulier te valideren.
Hierbij zijn mijn eisen dat;
-De naam is ingevuld
-Het email adres is ingevuld en klopt (dus met "@" en "." )
OF
-Het telefoonnummer is ingevuld en klopt (10 cijfers en spaties of "-" zijn toegestaan)

-Er aangevinkt is, middels checkbox, of ze contact willen middels telefoon of email.

Nou ben ik ermee aan de slag gegaan alleen loop ik vast.
Dit is wat ik tot nu toe heb:

Code: 
function validateForm() {  
    var valid = true;  
    var info = "Graag het volgende nog invullen:";  

     if(document.getElementById("naam").value == "") 
	  {  
        info += "\n - Uw naam";  
        valid = false;  
   	  }  
   
  if(document.getElementById("telnr").value.length !== 10 ) 
  {
        info += "\n - Telefoonnummer";  
        valid = false;  
    }  
	
  if(document.getElementById("telnr").value.match(/(^[0-9\s\-\+]{10,})$/) !== null ||
	   document.getElementById("telnr").value.(/\d{4}\-\d{6}/)==-1 ||
	   document.getElementById("telnr").value.(/\d{3}\-\d{7}/)==-1 ||
	   document.getElementById("telnr").value.(/\d{2}\-\d{8}/)==-1)
  
   	 {
        info += "\n - Telefoonnummer";  
        valid = false;  
    }  
	
  var emailID = document.getElementById("email").value;
   atpos = emailID.indexOf("@");
   dotpos = emailID.lastIndexOf(".");
   if (atpos < 1 || ( dotpos - atpos < 2 )) 
   {
	   info += "\n - Uw emailadres";  
        valid = false; 
     
    }
  
         
    if(!valid) 
	{  
        alert(info);  
    }  
  
  
    return valid;  

}
Graag zou ik willen weten wat ik fout doe, of dat ik het helemaal anders moet doen, en hoe.

Alvast bedankt voor de reacties.

Chicken01
 
Sommige Javascrips werken gewoon niet.
en vaak moet je ook iets in de <HEAD> tags iets plaatsen.
kijk maar eens op http://leejoo.nl daar staan een paar scripts die wel werken.
of post je vraag op *knip*
 
Laatst bewerkt door een moderator:
[JS]function formValidator()
{
// Make quick references to our fields

var name = document.getElementById('naam').value;
var adress = document.getElementById('adres').value;
var phone = document.getElementById('telefoonnummer').value;
var place = document.getElementById('plaats').value;
var email = document.getElementById('email').value;
var check = document.getElementById('check').value;
if( name=="" || name==null)
{check = false;
alert("Vul uw naam in alstublieft");

return false;
}


var alphaExp = /^[a-zA-Z\ \.]+$/;
if(!name.match(alphaExp)) {
check = false;
alert("Gebruik alleen letters voor uw naam");
return false;}

if( adress=="" || adress==null) {check = false;
alert("Vul uw adres in alstublieft");
return false;}


var adressExp = /^[a-zA-Z0-9\s,'-]*$/;
if(!adress.match(adressExp))
{check = false;
alert("Gebruik letters en cijfers voor uw adres");
return false;
}

if( place=="" || place==null)
{
alert("Vul alstublieft uw woonplaats in");
return false;
}

var placeExp = /^[a-zA-Z]+$/;
if(!place.match(alphaExp))
{
alert("Controleer uw plaatsnaam");
return false;
}

if(phone=="" || phone=="null")
{
alert("Vul uw telefoonnummer in alstublieft");
return false;
}

var numericExpression = /^[0-9\-]{10,11}$/;
if(!phone.match(numericExpression))
{
alert("Controleer uw telefoonnummer");
return false;
}


if(email=="" || email=="null")
{
alert("Vul uw email adres in");
return false;
}

var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(!email.match(emailExp))
{
alert("Vul een geldig email adres in.");
return false;
} [/JS]

Dit gebruik ik zelf.
 
Laatst bewerkt:
Top JJBom,

Ik neem aan dat je dan in HTML dit bij je form zet:
<form onSubmit="return formValidator()">

Ik zal is kijken of ik dit ook kan gebruiken, bedankt!
 
Laatst bewerkt:
Hij werkt, alleen doet Google Chrome moeilijk.
In IE en Firefox werkt het script wel, weet iemand wat de reden hiervan zou kunnen zijn?


Javascript is bij mij wel toegestaan in Chrome.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan