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.

<video> Video-Datei

CSS - Lightbox

PHP - Parameter per URL übergeben

JavaScript - Position der Einfügemarke in einem Textfeld ermitteln

MySQL - Spalte auf UNIQUE setzen