파슬리 JS 유효성 검사를하지 않음

parsley.js을 사용하여 양식 유효성을 검사하기 위해 노력하고 있지만 공식적인 좋은 책은 그렇게하고 있다고 말하고 있지만 몇 가지 이유로 인해 (분명히 지금 당장 알지 못함) 작동하지 않습니다. .파슬리 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

나는 그것을 여기 게시하고 있으므로 저장 방법을 모른다 : 나는 jsp 버전, 파슬리 버전 (이전 버전을 사용함)을 변경했으며, 파슬리 사이트에서 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 thats 왜 내가 그것을 변경했습니다. :) – Apostolos

문제는이 data-required 대신 내가 data-parsley-required를 사용해야하고 대신 data-validate="parsley"의이 수정 data-parsley-validate="parsley"

Plunkr해야 사용 하였다

출처

2016-07-29 10:07:05

파슬리 JS 유효성 검사를하지 않음

답변

관련 문제