使用jquery表单验证jquery.form-validator.js进行密码验证

时间:2016-05-22 23:31:26

标签: javascript jquery validation

我正在使用以下代码,我需要匹配表单中的密码。它并不适用于此处和其他网站提供的大多数帮助。我本可以错过一些我无法追查的东西。请帮帮我。

HTML

package models;

import javax.persistence.*;
import java.util.List;
@Entity
public class Vehicle extends BaseEntity {

    public static Finder<Long, Vehicle> finder = new Finder<Long, Vehicle>(Vehicle.class){};
    @Column(nullable = false)
    String model;

    public String getModel() {
        return model;
    }

    public void setModel(String model) {
        this.model = model;
    }
}

的JavaScript

<form id="user_form" class='has-validation-callback'>
<input type="password" name="pass_confirmation" class="form-control" data-validation="length" data-validation-length="min6">
<input type="password" name="pass" id="pass" class="form-control" data-validation-confirm="confirmation" data-validation-help="Please give us some more information">
</form>

链接到库

$.validate({
    modules : 'security',
    form : '#user_form',
    onError : function() {
        alert('Sorry! Please complete the form fields.');
    }
});

2 个答案:

答案 0 :(得分:0)

请参阅password confirmation

  

此验证器可用于验证两个输入的值是否相同。第一个输入的名称后缀为_confirmation,第二个输入应该具有相同的名称,但没有后缀。

<input type="password" name="pass_confirmation" class="form-control" data-validation="length" data-validation-length="min6">
<input type="password" name="pass" id="pass" class="form-control" data-validation="confirmation" data-validation-help="Please give us some more information">

对于第二个输入更改属性data-validation-confirm="confirmation"data-validation="confirmation",它将起作用。

工作fiddle

答案 1 :(得分:0)

尝试使用较新版本的库,因为它似乎可能存在错误。 我使用的是您列出的相同版本并收到了同样的错误。 https://github.com/victorjonsson/jQuery-Form-Validator/issues/479