Plug-in jquery.validate - Trimmen von Werten vor der Formularüberprüfung

Question

Dec 01, 2009, 05:53 PM

Plug-in jquery.validate - Trimmen von Werten vor der Formularüberprüfung

Ich benutze die ausgezeichnetePlugin für jquery.validation von Jörn Zaefferer und ich haben uns gefragt, ob es eine einfache Möglichkeit gibt, Formularelemente vor der Validierung automatisch zuzuschneiden.

Das Folgende ist ein einfaches, aber funktionierendes Beispiel für ein Formular, mit dem eine E-Mail-Adresse überprüft wird:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
           type="text/javascript"></script>
    <script src="http://ajax.microsoft.com/ajax/jquery.validate/1.5.5/jquery.validate.js" 
           type="text/javascript"></script>
    <script type="text/javascript">
        $().ready(function() {
          $("#commentForm").validate({
            rules: {
                email: {
                    required: true,
                    email: true
                }
            }
          });
        });
    </script>
</head>
<body>

  <form class="cmxform" id="commentForm" method="get" action="">
     <label for="cemail">E-Mail:</label><input id="cemail" name="email"
      class="required email" />
     <input class="submit" type="submit" value="Submit"/>
  </form>

</body>
</html>

Das Problem ist, dass einige Benutzer verwirrt sind, weil sie versehentlich ein Leerzeichen in ihre E-Mail-Adresse eingeben, z. "[email protected]". Und das Formular wird nicht gesendet und hat eine Fehlermeldung: "Bitte geben Sie eine gültige E-Mail-Adresse ein." Nicht technisch versierte Benutzer wissen nicht, wie sie Leerzeichen erkennen können, und verlassen die Website möglicherweise nur, anstatt herauszufinden, was sie falsch gemacht haben.

Wie auch immer, ich hatte gehofft, ich könnte ketten "jQuery.trim(value)"vor der Validierung wird also das Leerzeichen entfernt und der Validierungsfehler tritt nie auf?

ich könnte benutzenaddMethod um meine eigene E-Mail-Validierungsfunktion aufzubauen. Aber ich bin sicher, dass es eine elegantere Lösung gibt?