Valider enkelt kontaktformular med JavaScript
HTML 5 tjekker automatisk, men hvis formularen også skal valideres i IE8, kan man bruge nedenstående script:
window.onload = function(){
var form = document.getElementById("contact");
form.onsubmit = validate;
}
function validate(){
var field_firstname = document.getElementById("name").value;
if (field_firstname.length == 0) {
alert("Skriv venligst dit navn!");
return false;
}
var field_email = document.getElementById("email").value;
if (field_email.length == 0) {
alert("Skriv venligst din e-mail adresse!");
return false;
}
var field_email = document.getElementById("email").value;
var pattern = /^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
var isValid = pattern.test(field_email);
if (isValid == false) {
alert("Venligst kontroller e-mail adressen!");
return false;
}
var field_message = document.getElementById("besked").value;
if(field_message.length > 250) {
alert("Din besked er for lang!");
return false;
}
if (field_message.length == 0) {
alert("Du har ikke skrevet en besked!");
return false;
}
}
