Javascript Telefoonnummer validatie.
Op dit moment maak ik gebruik van PHP om hem te valideren (wat ook zal blijven in geval de gebruiker geen javascript aan heeft staan). Echter wil ik voor de mensen waarbij dit wel kan een melding tonen onder het tekstvak. Dus als iemand maar 9 cijfers invult dan moet er een melding verschijnen dat het telefoonnummer niet juist is.
Heb al gegoogled op phone validation scripts, echter zijn dat erg uitgebreide waar het + en dergelijke in moet staan en dat soort zaken. Wij willen alleen nummers gebruiken.
Heeft iemand enig idee hoe dit op te lossen?
Dit formulier gebruik ik nu:
Code (php)
1
2
3
4
2
3
4
<form action="pagina.php" name="telefoonnummer" method="post">
<input type="text" size="16" name="telefoonnummer2" value="Uw telefoonnr..." onFocus="if(this.value=='Uw telefoonnr...')this.value='';">
<input type="image" src="img/btn_zoek.gif" alt="Ok" align="top" name="Ok" value="Ok" />
</form>
<input type="text" size="16" name="telefoonnummer2" value="Uw telefoonnr..." onFocus="if(this.value=='Uw telefoonnr...')this.value='';">
<input type="image" src="img/btn_zoek.gif" alt="Ok" align="top" name="Ok" value="Ok" />
</form>
Code (php)
1
2
3
2
3
<script type="text/javascript">
var TelefoonCheck = /^0[0-9]{9}$/i
</script>
var TelefoonCheck = /^0[0-9]{9}$/i
</script>
Gewijzigd op 01/01/1970 01:00:00 door Michel de Groot
Moet je hem naar het script submitten of iets dergelijks?
Javascript in je head of ergens bij andere javascripts:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
function Controleer(){
var TelefoonCheck = /^0[0-9]{9}$/i
if (TelefoonCheck.test(document.form.Telefoonnummer.value)){
document.form.Telefoonnummer.style.border = '1px solid #999999';
}
else{
alert('Een geldig telefoonnummer invoeren aub');
document.form.Telefoonnummer.style.border = '1px solid #ff0000';
return false;
}
}
</script>
function Controleer(){
var TelefoonCheck = /^0[0-9]{9}$/i
if (TelefoonCheck.test(document.form.Telefoonnummer.value)){
document.form.Telefoonnummer.style.border = '1px solid #999999';
}
else{
alert('Een geldig telefoonnummer invoeren aub');
document.form.Telefoonnummer.style.border = '1px solid #ff0000';
return false;
}
}
</script>
En een voorbeeld formulier:
Code (php)
1
2
3
4
2
3
4
<form action="" method="post" onSubmit="return Controleer();" name="form" id="form">
<input type="text" name="Telefoonnummer" />
<input type="submit" name="Verder" id="Verder" value="Verstuur" />
</form>
<input type="text" name="Telefoonnummer" />
<input type="submit" name="Verder" id="Verder" value="Verstuur" />
</form>