Gibt es eine andere Lösung?

[T-Rex]

Moin,

HTML5 wäre auch meine erste Wahl. Einziges Manko neben den Browsern die das nicht unterstützen ist natürlich die Darstellung. Das hässliche Rot passt nunmal nicht in jedes Layout. Auch die Fehlermeldung könnte schöner formuliert werden.

Eine schicke JS Lösung basierend auf JQuery würde ungefähr so aussehen:

function checkNumber(){ //--- Nummer prüfen }  
function checkTelefon(){ //--- Telefon prüfen }  
function checkMail(){ //--- Telefon prüfen }  
  
$().ready( function() {  
    $("[data-check]").blur( function() {  
        var boolReturn = $(this).attr("data-check")();  
        if( boolReturn !== true )  
        {  
           showErrorMessage( boolReturn );  //--- Funktion, welche die Error Nachricht anzeigt  
        }  
    });  
});  
  
<input data-check="checkNumber" name="Telefon" />  
<input data-check="checkMail" name="Mail" />

Der Witz ist, dass man im HTML Code quasi die Art der Validierung bestimmt. Somit brauchst du den Javascript Code nicht anfassen, wenn ein neues HTML Element ins Formular kommt.
Hab ich einfach mal so runter geschrieben, kann auch Fehler enthalten.

Gruß
Das gestrige Geburtstagskind
T-Rex