2016-09-02 2 views
0

Ich benutze diese Seite http://www.formvalidator.net/index.html, um meine Live-Formular-Validierung zu testen. Das Problem, das ich habe, ist, dass die Codes überhaupt nicht funktionieren. HierJquery Form Validator funktioniert nicht

ist die HTML-Seite

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>Title of the document</title> 
 
    </head> 
 
    <body> 
 
    <form action="" method="POST"> 
 
     <p> 
 
     User name (4 characters minimum, only alphanumeric characters): 
 
     <input data-validation="length alphanumeric" data-validation-length="min4"> 
 
     </p> 
 
     <p> 
 
     Year (yyyy-mm-dd): 
 
     <input data-validation="date" data-validation-format="yyyy-mm-dd"> 
 
     </p> 
 
     <p> 
 
     Website: 
 
     <input data-validation="url"> 
 
     </p> 
 
     <p> 
 
     <input type="submit"> 
 
     </p> 
 
    </form> 
 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script> 
 
    <script> 
 
     $.validate({ 
 
     lang: 'es' 
 
     }); 
 
    </script> 
 
    </body> 
 
</html>

+0

Works, nachdem ich einen Ausschnitt aus dem Code erstellt. Probieren Sie es hier aus? – mplungjan

+0

Funktioniert auch für mich – Ish

+0

Sie müssen das Protokoll hinzufügen, wenn Sie von Ihrer lokalen Festplatte testen – mplungjan

Antwort

1

Das Problem ist, dass Sie nicht die Skripte verknüpfen korrekt Weglassen Sie http: // oder https: // es ist wichtig, wenn Sie laufen in deinem localhost.

ich es getestet und es funktioniert für mich

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Title of the document</title> 
    </head> 

    <body> 
     <form action="" method="POST"> 
      <p> 
      User name (4 characters minimum, only alphanumeric characters): 
      <input data-validation="length alphanumeric" data-validation-length="min4"> 
      </p> 
      <p> 
      Year (yyyy-mm-dd): 
      <input data-validation="date" data-validation-format="yyyy-mm-dd"> 
      </p> 
      <p> 
      Website: 
      <input data-validation="url"> 
      </p> 
      <p> 
      <input type="submit"> 
      </p> 
     </form> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script> 
     <script> 
      $.validate({ 
      lang: 'es' 
      }); 
     </script> 
    </body> 

</html> 
+0

Ich kopiere nur eingefügt Ihren Code, immer noch nicht funktioniert, ich bin mir nicht sicher, was los ist, habe ich nur eine Datei validation.html und fügte Ihren Code .... – Aurora

+0

Sie sind nicht ganz richtig. Sie muss das Protokoll beim Testen aus dem Dateisystem hinzufügen. Vom Server ist es besser, das http wegzulassen, da der Server das relevante Protokoll – mplungjan

+0

hinzufügt, hängt es ab, ob sie es von ihrem localhost versucht oder nicht. –

Verwandte Themen