JSFiddle - React, Tailwind, and code Playground
HTML
<form id="kontaktform" action="" method="post">
<p>
<label>Navn:</label>
<br>
<input id="input-fornavn" type="text" name="fornavn" placeholder="Fornavn" size="20">
<p id="fejlbesked1"></p>
<input id="input-efternavn" type="text" name="efternavn" placeholder="Efternavn" size="20">
<p id="fejlbesked2"></p>
</p>
<p>
<label>Kontakt:</label><br>
<input id="input-telefon" type="number" name="telefon" placeholder="Telefon"><br>
<p id="fejlbesked3"></p>
<input id="input-email" type="text" name="email" placeholder="E-mail"><br>
<p id="fejlbesked4"></p>
</p>
<p> <label>Besked:</label><br>
<input id="input-emne" type="text" name="emne" placeholder="Emne"><br>
<p id="fejlbesked5"></p><br>
<textarea id="input-besked" rows="5" cols="42" name="besked" placeholder="Din besked..."></textarea><br>
<p id="fejlbesked6"></p>
</p>
<input type="submit" name="send" value="SEND">
</form>
JavaScript
// JavaScript Document
window.addEventListener( 'load', function()
{
document.getElementById("kontaktform").onsubmit = valider;
});
function valider()
{
var antalfejl = 0;
var fejlbesked = ["","","","","","",""];
var i;
document.getElementById("fejlbesked1").innerHTML = fejlbesked[1]; // <-- denne linje indsat
if( document.getElementById("input-fornavn").value == "")
{
antalfejl += 1;
fejlbesked[1] = "Du har ikke udfyldt fornavn";
}
document.getElementById("fejlbesked2").innerHTML = fejlbesked[2]; // <-- denne linje indsat
if( document.getElementById("input-efternavn").value == "")
{
antalfejl += 1;
fejlbesked[2] = "Du har ikke udfyldt efternavn";
}
document.getElementById("fejlbesked3").innerHTML = fejlbesked[3]; // <-- denne linje indsat
if( document.getElementById("input-telefon").value == "")
{
antalfejl += 1;
fejlbesked[3] = "Du har ikke udfyldt telefon";
}
document.getElementById("fejlbesked4").innerHTML = fejlbesked[4]; // <-- denne linje indsat
if( document.getElementById("input-email").value == "")
{
antalfejl += 1;
fejlbesked[4] = "Du har ikke udfyldt din email";
}
else
{
var regexpmail = /^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/;
if ( !regexpmail.test( document.getElementById("input-email").value ) )
{
antalfejl += 1;
fejlbesked[4] = "Du har skrevet en ugyldig email";
}
}
document.getElementById("fejlbesked5").innerHTML = fejlbesked[5]; // <-- denne linje indsat
if( document.getElementById("input-emne").value == "")
{
antalfejl += 1;
fejlbesked[5] = "Du har ikke skrevet noget i emne";
}
document.getElementById("fejlbesked6").innerHTML = fejlbesked[6]; // <-- denne linje indsat
if( document.getElementById("input-besked").value == "")
{
antalfejl += 1;
fejlbesked[6] = "Du har ikke skrevet en besked";
}
if( antalfejl == 0)
{
return true;
}
else
{
antalfejl++
for (i = 1; i < antalfejl; i++)...