Công cụ xác thực biểu mẫu jQuery không hoạt động bình thường trên bằng

Question

Tôi vừa tải xuống công cụ xác thực biểu mẫu plugin jQuery. Mọi thứ hoạt động tốt cho đến khi tôi kiểm tra xem mật khẩu có khớp không. Nếu cả trường mật khẩu và trường mật khẩu xác nhận được để trống, thông báo lỗi "Trường không khớp" không xuất hiện, điều này là tốt vì chúng khớp nhau. Nhưng khi tôi gõ một cái gì đó trong hộp văn bản mật khẩu và gõ cùng một mật khẩu trong hộp văn bản xác nhận, thông báo lỗi vẫn lên "Trường không phù hợp" khi rõ ràng họ làm.

HTML:

<form id = "signup"> 
    <label>Password:</label> 
    <input type = "password" name = "txtPassword" id = "txtPassword" class = "validate[required,minSize[6],maxSize[50]]"/> 
    <label>Confirm Password:</label> 
    <input type = "password" name = "txtCPassword" id = "txtCPassword" class = "validate[required,equals[txtPassword]]"/> 
</form> 

tập tin JS của tôi:

$(document).ready(function(){ 
    $("#signup").validateEngine(); 
}); 

Trong tập tin HTML của tôi, tôi có liên kết đến các kiểu xác nhận css, cũng như động cơ xác nhận và en ngôn ngữ.

Answer 1

Tôi đã tìm thấy giải pháp cho câu hỏi của mình. Vì lý do nào đó, tôi phải nhập các phần tử có cùng id, do đó nó không lấy giá trị của trường nhập mà tôi muốn. : P Lỗi lập trình đơn giản nhưng nguy hiểm. Nếu có ai khác gặp vấn đề này, hãy đảm bảo rằng id của bạn là duy nhất !!!

Answer 2

Mật khẩu: Confirm Password:.

$ ("# đăng ký") validationEngine();

chắc chắn rằng jquery của bạn được xác nhận không xác nhận

Answer 3

nếu bạn muốn kiểm tra Xác nhận mật khẩu xác nhận, sau đó bạn có thể sử dụng

<label>Password:</label> 
<input type="password" id="password" name="password" class="validate[required]"/> 

<label>Confirm Password:</label> 
<input type="password" id="confirm_password" name="confirm_password" class="validate[required,equals[password]]"/>