• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Textinhalt per mausklick ändern

Kronkorken

Neues Mitglied
Hallo,
ich habe ein klassisches Kontaktformular mit name, email-Adresse usw.. Diese Felder möchte zusätzlich zur PHP abfrage auch auf Client-Seite via Javascript überprüfen. Sprich, sobald ich in ein Textfeld reinklicke, danach wieder rausklicke, sollte Javascript eine Fehlermeldung ausgeben. Beispielsweise den Text in der Textarea ändern oder bestimmte Inhalte Rot markieren. Wie realisiere ich das?
 
Werbung:
Werbung:
Habs mal ausprobiert, komme allerdings nicht weiter.
sobald ich nach einen leeren Strign frage, funktioniert "onblur" nicht mehr.
Hier mal der code

HTML:
<body>
<input type="text" id="myInput" onblur="blurFunction()">
<script>
function blurFunction() {
if (!str.length){
  document.getElementById("myInput").style.background = "red";
}
}
</script>
</body>
 
Habs mal ausprobiert, komme allerdings nicht weiter.
sobald ich nach einen leeren Strign frage, funktioniert "onblur" nicht mehr.
Hier mal der code

HTML:
<body>
<input type="text" id="myInput" onblur="blurFunction()">
<script>
function blurFunction() {
if (!str.length){
  document.getElementById("myInput").style.background = "red";
}
}
</script>
</body>

Wo wird str definiert? Nirgends!
 
Werbung:
HTML:
onblur="blur(this.value)"

function blur(str) {}

Funktioniert nicht. Gibt es jemanden der noch einen anderen Vorschlag hat?
 
Prüfe, ob der Value des Input-Feldes ein Leerstring ist. Am einfachsten geht so etwas mit jQuery. Das ist aber keine wirkliche Lösung, weil der rote Border nach dem Ausfüllen nicht entfernt wird, und außerdem kann der Check auf "" kein E-Mail Pattern abfragen.

Wenn du es gang simpel haben willst, gibts du den Inputs ein required und fügst ihnen Bootstrap-Klassen wie .has-error hinzu. Das deckt zumindest die modernen Browser ab.
 
Werbung:
Zurück
Oben