JavaScript - Individuelle Fehlermeldung ausgeben

<script>

// Individuelle Fehlermeldung ausgeben



function checkDas() {

 var el = document.getElementById("abc");

 if (el.value == "") {

   el.setCustomValidity('Hey Du, fülle das Bitte aus!');

 } else {

  el.setCustomValidity('');

 }

}

</script>



<form action="" method="post">

 <input type="text" id="abc" required="required" onKeyUp="checkDas()">

 <input type="submit" value="Go" onClick="checkDas()">

</form>

Beispiel 2

<form>

<label>Name: <input type="text" id="text" required="required"></label>

<button type="submit">Absenden</button>

</form>



<script>

document.querySelector("#text").addEventListener("invalid", function (e) {

 e.setCustomValidity('Bitte geben Sie Ihren Namen ein!');

});

document.querySelector("#text").addEventListener("input", function (e) {

 e.setCustomValidity('');

});

</script>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<datalist> Datenliste

CSS - Animationen mit Keyframes

PHP - Array formatiert ausgeben

JavaScript - Gedrückte Taste markieren

MySQL - Einfügen oder aktualisieren mit 'ON DUPLICATE KEY UPDATE'