Bootastrap validator reset does not work

Question

I am trying to use reset form using bootstrap authentication

When I click on reset, it deletes the input values, but when I click on the "Send" button, even when the input is empty, it still sends when it should show an error.

Here is js

$('#shortener').bootstrapValidator({ container: '#sstatus', fields: { url: { validators: { notEmpty: { message: 'Enter a url!' }, uri: { message: 'URL is not a valid url, include http://' } } } } }).on('success.form.bv', function(e) { // Prevent form submission e.preventDefault(); console.log('in'); // Get the form instance var $form = $(e.target); // Get the BootstrapValidator instance var bv = $form.data('bootstrapValidator'); // Use Ajax to submit form data $.post('ajax/new_url.php', $form.serialize(), function(result) { console.log('works'+result.message); $('#shortener').fadeOut('fast', function(){ $form.bootstrapValidator('resetForm', true); }); $(document).on('click', '#shorten_again', function(e){ e.preventDefault(); }); }, 'json'); }); 

Answer 1

$ ('form'). bootstrapValidator ('resetForm', true);

Answer 2

You need to refer to the methods when sending, cleaning and dumping:

  .on('init.field.bv', function(e, data) { // data.bv --> The BootstrapValidator instance // data.field --> The field name // data.element --> The field element var $parent = data.element.parents('.form-group'), $icon = $parent.find('.form-control-feedback[data-bv-icon-for="' + data.field + '"]'); // From v0.5.3, you can retrieve the icon element by // $icon = data.element.data('bv.icon'); $icon.on('click.clearing', function() { // Check if the field is valid or not via the icon class if ($icon.hasClass('glyphicon-remove')) { // Clear the field data.bv.resetField(data.element); } }); }) 

Link: Example BootstrapValidator cleanup field