Jqueryフォームバリデーターが機能しない

私はこのサイトhttp://www.formvalidator.net/index.htmlを使用して、私のライブフォーム検証をテストしています。私が抱えている問題は、コードがまったく動かないということです。Jqueryフォームバリデーターが機能しない

ここでhtmlページ

<!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>

出典

2016-09-02 Aurora

作品を働いています。それを試してみませんか？ – mplungjan

私にとっても役に立ちます – Ish

ローカルハードドライブからテストするときにプロトコルを追加する必要があります – mplungjan

問題は、あなたがHTTPを省略している正しくスクリプトをリンクされていないということです：//またはhttpsを：//あなたならば、それは重要ですあなたのlocalhostでそれを実行しています。

私はそれをテストし、私はあなたのコードからスニペットを作成した後、それは私のため

<!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>

出典

2016-09-02 07:30:46

私はちょうどあなたのコードを貼り付けてコピー、まだ動作しない、何が起こっているのかわからない、私はファイルvalidation.htmlを作成し、あなたのコードを貼り付け.... – Aurora

あなたは完全ではありません。彼女はファイルシステムからテストするときにプロトコルを追加する必要があります。サーバーからは、サーバーが関連プロトコル – mplungjan

を追加するので、httpを省略する方が良いです。これは、彼女が自分のlocalhostから試しているかどうかによって異なります。 –

Jqueryフォームバリデーターが機能しない

答えて

関連する問題