JavaScript - Eingabefeld bei Fehleingabe farbig markieren

Name:

<script>

// Eingabefeld bei Fehleingabe farbig markieren
function Test() {
 if (
document.eingabe.Name.value == ""){
  
document.getElementById("Name").style.backgroundColor="#FFFFB9";
  
alert("Bitte geben Sie einen Namen ein!");
 }
 else {
  
alert("Hallo "+document.eingabe.Name.value);
 }
}
</
script>

<
form name="eingabe">
 
Name: <input type=text name="Name" id="Name"
 
onFocus="this.style.backgroundColor='#FFFFFF';" 
 style="border: solid 1px #000000;"
 <
input type=button value="Test" onClick="Test();">
</
form>

Bausteine  Alle Anzeigen

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

<hr> Trennlinie

CSS - Lightbox

PHP - Logfiles in einer Datei speichern

JavaScript - Die Reihenfolge der Werte eines Arrays verändern

MySQL - Werte von Heute auslesen

Schneller Design Wechsel
Das Design von Webseiten ändert sich ca.1–2-mal pro Jahr. Um eine Umstellung zu erleichtern, empfiehlt sich eine externe CSS-Datei. Dort kann man für die ganze Homepage zum Beispiel eine andere Hintergrundfarbe in wenigen Sekunden ändern. Weitere Informationen wie man solch eine Datei erstellt finden Sie unter: CSS-Datei erstellen.