Xác nhận mật khẩu Parsley.js không hoạt động

Question

Tôi gặp sự cố với Framework Parsley.js.

Vấn đề của tôi là mật khẩu và mật khẩu xác nhận có cùng đầu vào, nhưng tôi có thông báo lỗi nếu nhấp vào nút gửi.

Đây Testsite tôi:

http://topkosmetikstudios.de/release/index.php?article_id=21

(Đức ngôn ngữ passwort = mật khẩu và mật khẩu wiederholen = mật khẩu xác nhận)

Đây Mã của tôi:

<div class="half right"> 
    <p> 
     <label for="category" class="dropdown_label">Passwort</label> 
     <input type="password" data-equalto="#eqalToModel" name="passwort" data-required="true" <?php echo ($_POST['passwort'])? $_POST['passwort']:""; ?>> 
    </p> 

</div> 
<div class="half left"> 
    <p> 
     <label for="category" class="dropdown_label">Passwort wiederholen</label> 
     <input type="password" data-equalto="#eqalToModel" name="passwort_w" data-required="true"> 
    </p> 
</div> 

tôi sử dụng Mùi tây. js tham số data-equalto="#elem" nhưng nó không hoạt động.

Đây là tài liệu hướng dẫn Parsley.js: http://parsleyjs.org/documentation.html

Có ai thấy một vấn đề với mã của tôi rằng sẽ gây ra điều này để không hoạt động?

Answer 1

Thử đặt id cho lần nhập mật khẩu đầu tiên (tức là "mật khẩu"), sau đó đặt thuộc tính dữ liệu bằng của đầu vào thứ hai cho cùng một giá trị (nghĩa là "#password") và nó sẽ hoạt động tốt. Nếu nó không hoạt động, bạn có thể kiểm tra xem parsley.js có được tải chính xác hay không. Hi vọng điêu nay co ich.

Answer 2

Nếu những gì bạn đang cố gắng làm là đảm bảo cả hai mật khẩu 1 và mật khẩu 2 đều giống nhau trước khi bạn gửi biểu mẫu sau đó theo các tài liệu (http://parsleyjs.org/doc/#psly-validators-list), bạn cần phải thiết lập một id cho các trường mà bạn muốn đối sánh. Và đặt trường một để tìm kiếm id của trường hai và ngược lại.

Equalto # 2.0 dữ liệu mùi tây-equalto = "# anotherfield" Xác nhận rằng giá trị là giống với giá trị của lĩnh vực khác (hữu dụng cho mật khẩu kiểm tra xác nhận).

Xem mã ví dụ dưới đây:

<div class="half right"> 
    <p> 
     <label for="category" class="dropdown_label">Passwort</label> 
     <input id="passwort" type="password" data-equalto="#passwort_w" name="passwort" data-required="true"> 
    </p> 

</div> 
<div class="half left"> 
    <p> 
     <label for="category" class="dropdown_label">Passwort wiederholen</label> 
      <input id="passwort_w" type="password" data-equalto="#passwort" name="passwort_w" data-required="true"> 
    </p> 
</div> 

Để biết thêm về Parsley.js tra cứu documentation của họ. Hãy đánh dấu đây là câu trả lời nếu đây là những gì bạn đang tìm kiếm. Cảm ơn!

Answer 3

<div class="half right"> 
    <p> 
     <label for="category" class="dropdown_label">Passwort</label> 
     <input id="passwort" type="password" name="passwort" data-required="true" id="passwort"> 
    </p> 

</div> <div class="half left"> 
    <p> 
     <label for="category" class="dropdown_label">Passwort wiederholen</label> 
      <input id="passwort_w" type="password" data-equalto="#passwort" name="passwort_w" data-required="true"> 
    </p> </div> 

dữ liệu equalto = "# id_of_compare_field"

Answer 4

Có thể bạn đang sử dụng thẻ sai, tính đến Parsely.js 2.0:

data-parsley-equalto="#anotherfield" 

Answer 5

tôi đã có cùng một vấn đề

sử dụng (: mật khẩu) thay vì (#password)