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.
<hr> Trennlinie
CSS - Wertigkeiten verändern mit der !important-Regel
JavaScript - Die Reihenfolge der Werte eines Arrays verändern