Parsley JSが検証していない

parsley.jsを使用して私のフォームを検証しようとしていますが、私は公式の良い本がそうするように働いていますが、何らかの理由で（私が明らかに今は分かりません）。Parsley JSが検証していない

はここでここでは、コード

<div class="container"> 
     <div class="row"> 
      <div class="col-md-4"> 
       <h2>Parsley JS Form Validation</h2> 
       <form data-validate="parsley"> 
        <label>Name </label> 
        <input type="text" name="fname" class="form-control" required /> 
        <label>Email </label> 
        <input type="text" name="email" class="form-control" data-type="email" data-trigger="change" required /> 
        <label>Password </label> 
        <input type="text" name="lname" class="form-control" data-type="password" required /> 
        <br /> 
        <input type="submit" class="btn btn-success" value="Submit"> 
       </form> 
      </div> 
     </div> 
    </div>

あるPlunkrリンクです。

出典

2016-07-29 StackOf____

[公式parsley.jsのドキュメント]（HTTPを変更する必要があります：//parsleyjs.org/doc/index.html）、[examples]（http://parsleyjs.org/doc/examples.html） – Andreas

私はそれを保存する方法を知らないので、ここに投稿しています。 jqueryのバージョンを変更しました。古いバージョンのパセリバージョンと、パーズリーサイトからCSSを追加しました。あなたのタグ属性は間違っていました。この作品：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Parsley JS</title> 
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
     <link href="https://parsleyjs.org/src/parsley.css" rel="stylesheet" /> 
     <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.3.4/parsley.min.js"></script> 
    </head> 
    <body> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-md-4"> 
        <h2>Parsley JS Form Validation</h2> 
        <form data-parsley-validate="parsley"> 
         <label>Name </label> 
         <input type="text" name="fname" class="form-control" required="true" /> 
         <label>Email </label> 
         <input name="email" class="form-control" type="email" data-parsley-trigger="change" required="true" /> 
         <label>Password </label> 
         <input name="lname" class="form-control" type="password" required="true" /> 
         <br /> 
         <input type="submit" class="btn btn-success" value="Submit"> 
        </form> 
       </div> 
      </div> 
     </div>   
    </body> 
</html>

出典

2016-07-29 09:56:21 Apostolos

Jqueryは 'data-validate =" parsley "の代わりに問題ではありませんでした'data-parsley-validate =" parsley "' –

のようなものでなければなりません。 aysはjquery 1.XXを使って、なぜそれを変更したのですか？ :) – Apostolos

問題であるが、data-requiredを使用していただった代わりに、私が代わりにdata-validate="parsley"のdata-parsley-requiredともを使用する必要があり、それはdata-parsley-validate="parsley"

Plunkrは

出典

2016-07-29 10:07:05

Parsley JSが検証していない

答えて

関連する問題