search

victorjonsson / jQuery-Form-Validator

[DISCONTINUED] jQuery plugin that makes it easy to validate user input while keeping your HTML markup clean from javascript code.
972 stars 476 forks source link

Confirmation not working in last version #659

Closed decosvaldo closed 6 years ago

decosvaldo commented 6 years ago

Using version 2.3.77

I'm working with Bootstrap 4. The password length verification is working fine, but the error message for not matching passwords are not showing.

My code:

                            <div class="md-form form-sm d-none" id="divconfirmnewpassword" name="divconfirmnewpassword">
                                <i class="fa fa-lock prefix"></i>
                                <input type="password" id="confirmnewpassword" name="confirmnewpassword" class="form-control" data-validation="confirmation" data-validation-confirm="newpassword" data-validation-error-msg="Ops... as senhas diferem" data-validation-error-msg-container="#password-dont-match-dialog">
                                <label for="confirmnewpassword">Confirme:</label>
                                <p class="red-text" id="password-dont-match-dialog" name="password-dont-match-dialog"></p>
                            </div>

Thanks..

decosvaldo commented 6 years ago

Here is the full code

                                <input type="password" id="newpassword" name="newpassword" class="form-control" data-validation="length" data-validation-length="min6" data-validation-error-msg="Ops... a senha deve possuir ao menos 6 caracteres" data-validation-error-msg-container="#password-error-dialog">
                                <label for="newpasword">Sua nova senha:</label>
                                <p class="red-text" id="password-error-dialog"></p>

                                <input type="password" id="confirmnewpassword" name="confirmnewpassword" class="form-control" data-validation="confirmation" data-validation-confirm="newpassword" data-validation-error-msg="Ops... as senhas diferem" data-validation-error-msg-container="#password-dont-match-dialog">
                                <label for="confirmnewpassword">Confirme:</label>
                                <p class="red-text" id="password-dont-match-dialog" name="password-dont-match-dialog"></p>
victorjonsson commented 6 years ago

It seems to work fine http://jsbin.com/vurimayosa/edit?html,output. Maybe you have forgotten to load the module "security"?

BTW. This plugin is not compliant with bootstrap 4 at the moment.

BrianHo888 commented 6 years ago

Any update to make this plugin compliant with bootstrap 4 and jquery 3.31?

victorjonsson commented 6 years ago

No real plans but I consider it rather urgent...