form valadatie

Door gerhard timmerman op 18-04-2012 13:16

2.053 views

ik ben bezig met een form validatie te maken maar nu heb ik wat voorbeelden gevonden en met de hand daar van dit gemaakt alleen dit werkt niet wel als ik email validate los doe werkt hij wel maar wil ik er meerdere doen werkt dit niet en ook wil ik alle foutmeldingen in de zelfde alert heben als deze zou werken komen er waarschijnlijk 2 alerts.


<script type="text/javascript">
function validateForm()
{
 var x=document.forms["contacttoevoegen"]["email"].value;
 var atpos=x.indexOf("@");
 var dotpos=x.lastIndexOf(".");
 if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
   {
   alert("Geen geldig email adres");
   return false;
   }
 }
{
 var x=document.forms["contacttoevoegen"]["naam"].value;
 if (x==null || x=="")
   {
   alert("First name must be filled out");
   return false;
   }
 }
 
 
 
 
 </script>

John Cena

18-04-2012 13:18

Maak een variabele aan, als die gevuld is gooi je een alert eruit met alle contect uit die var.

Dus als iets niet ingevoerd is:
foutmelding = foutmelding + 'Naam';

Aan het einde:
alert(foutmelding)

Bas IJzelendoorn

18-04-2012 13:18 gewijzigd op 18-04-2012 13:18

op regel 12 sluit je je functie af en opregel 13 open je hem weer. Dat is niet goed. Maak dan of een nieuwe functie. Of een if en else statement.

gerhard timmerman

18-04-2012 13:23

ik heb nu een if geplaats er in en chi lion wat jij zegt kom ik niet echt uit nog maar denk dat het eerst belangrijk is dat ik het werkend heb


script type="text/javascript">
function validateForm()
{
 var x=document.forms["contacttoevoegen"]["email"].value;
 var atpos=x.indexOf("@");
 var dotpos=x.lastIndexOf(".");
 if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
   {
   alert("Geen geldig email adres");
   return false;
   }
 if
{
 var x=document.forms["contacttoevoegen"]["naam"].value;
 if (x==null || x=="")
   {
   alert("First name must be filled out");
   return false;
   }
 }
 
 
 
 
 </script>

John Cena

18-04-2012 14:18

Wat werkt er nu niet dan?

Luke van Dommelen

20-04-2012 16:21 gewijzigd op 20-04-2012 16:28

toevallig dat ik hier ook mee bezig ben maar ik gebruik een simpelere script
Ik weet niet of dit is wat je bedoelt hopelijk kun je er iets mee..


			
		<html>
<head>
	<script type="text/javascript">
		function controleerTelefoonnummer()
		{
			var telnr = document.getElementById('telnr').value;
			var patroon = new RegExp("^[0-9]{10}$","");
			var resultaat = patroon.test(telnr);
			
			if (resultaat)
			{
				alert('telefoonnummer goed');
			}
			else
			{
				alert('telefoonnummer fout');
			}
		}
		
				
		function controleerPostcode()
		{
			var postcode = document.getElementById('postcode').value;
			var patroon = new RegExp("^[0-9]{4}[A-Z]{2}$","i");
			var resultaat = patroon.test(postcode);
			
			if (resultaat)
			{
				alert('postcode goed');
			}
			else
			{
				alert('postcode fout');
			}
		}
		
		function controleerPrijs()
		{
			var prijs = document.getElementById('prijs').value;
			var patroon = new RegExp("^[0-9]{1,10},{1}[0-9]{2}$", "");
			var resultaat = patroon.test(prijs);
			
			if (resultaat)
			{
				alert('prijs goed');
			}
			else
			{
				alert('prijs fout');
			}
		}
	</script>
</head>
<body>
	Telefoonnummer: <input type="text" id="telnr" ><br />
	Postcode: <input type="text" id="postcode" ><br />
	Prijs: <input type="text" id="prijs" ><br />
	knop: <input type="button"  onclick="controleerTelefoonnummer();controleerPostcode();controleerPrijs();"><br />
</body>
</html>

Reageren

Inloggen om te reageren