Why is BootstrapValidator not working?

bootstrap validator
bootstrap validator not working on submit
bootstrap 4 validation not working
bootstrapvalidator example
bootstrapvalidator validators
bootstrapvalidator is not a function
bootstrap validation
has-error bootstrap 4 not working

I am new to web development , and here I know that the problem is very minor but even after two days I a m not able to find it. Could you people look at this code and point out my mistake please

my code id here @ JSFiddle thanks

HTML

<form id="registerForm" action="\register" method="post">
    <div class="form-group">
        <input class="form-control" type="text" name="email" placeholder="Email">
    </div>
    <div class="form-group">
        <input class="form-control" type="password" name="pass1" placeholder="Password">
    </div>
    <div class="form-group">
        <input class="form-control" type="password" name="pass2" placeholder="Confirm Password">
    </div>
    <button class="btn btn-primary" type="submit">Signup</button>
</form>

JS

$(document).ready(function () {
    $('.registerForm').bootstrapValidator({
        message: 'This value is not valid',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            email: {
                validators: {
                    notEmpty: {
                        message: 'The email is required and cannot be empty'
                    },
                    emailAddress: {
                        message: 'The input is not a valid email address'
                    }
                }
            },
            pass1: {
                validators: {
                    identical: {
                        field: 'pass2',
                        message: 'The password and its confirm are not the same'
                    }
                }
            },
            pass2: {
                validators: {
                    identical: {
                        field: 'pass1',
                        message: 'The password and its confirm are not the same'
                    }
                }
            }
        }

    });
});

To get a node by the id use: $('#registerForm'). If you get by $('.registerForm') the JS will looking for the class registerForm in the <form> tag.

Read the jQuery API's is a good way to prevent errors like this. http://api.jquery.com/category/selectors/

Bootstrap Validator not working, Hi I am using Bootstrap Validator but it is not working $(document).ready(function () { $('#BookCategoryForm').bootstrapValidator({ container:� By default, hidden input fields are not validated. With the release of 0.10.0, the input fields that get validated are cached for performance reasons, meaning that when a field becomes visible it still won't get validated. In the next version, the caching will become opt-in.

Your JavaScript is bound to the class registerForm, not the id. Change .registerForm to #registerForm in your JavaScript code.

Edit: Or add class="registerForm" to YouTube form element in html

Settings, Showing messages in custom area � Changing tooltip, popover's position By default, the plugin will not validate the following kind of fields: disabled; hidden� the bootstrap-select is not working with validate. victorjonsson added Bug Unconfirmed labels Aug 4, 2016. Copy link Quote reply Owner

In Html form is assigned with an id="registerForm" and in js file you are calling a function with respect to class $('.contactForm') just change $('.contactForm') to $('#contactForm') hope that will solve your problem.

bootstrap validator not working with Spring taglib � Issue #485 , bootstrap validator not working with Spring taglib #485. Closed. robertsmith16 opened this issue on Jan 20, 2017 � 1 comment. Closed� Looks like the issue is that selectize is creating the replacement dropdown inside of the same form-group. The selectize dropdown has an input inside of it that's clobbering the form-group's errors, so the validator thinks the field is ok. You can tell the validator to ignore the selectize input by adding this line to your code:

Issues � 1000hz/bootstrap-validator � GitHub, A user-friendly HTML5 form validation jQuery plugin for Bootstrap 3 - 1000hz/ bootstrap-validator. A user-friendly HTML5 form validation jQuery plugin for Bootstrap 3 - 1000hz/bootstrap-validator

Validator, for Bootstrap 3, data-remote="/path/to/remote/validator" to make an AJAX request to determine if the field is valid or not. Be sure to give the input a name attribute, as the request� Find answers to Bootstrap Validator does not submit the form from the expert community at Experts Exchange

Powerful Form Field Validator For Jquery And Bootstrap Using , There are many types of form fields which need a strict validation, not a work which is validating the form fields section via bootstrap validator� This can mean that your form does not follow the Bootstrap form structure. Run your HTML through an online tool like this one to check for structural errors. The bootstrap HTML checker assumes you've already passed W3C validation .

Comments