nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Child Item

PHP Form with Bootstrap Validation

Nolic

I have a php bootstrap validation form that when submitted sends the details to a database. The form works nicely. I have the validation and the success working, I have all the details going to the database but my issue is with clearing the form. When I press submit, it all works well except for it doesn't clear the form. This is my code....CAN ANYONE PLEASE HELP!!!

.on('success.form.bv', function(e) {
$('#success_message').slideDown({ opacity: "show" }, "slow") // Do something ...
$('#contact_form').data('bootstrapValidator').resetForm();

// Prevent form submission
e.preventDefault();

// Get the form instance
var $form = $(e.target);

// Get the BootstrapValidator instance
var bv = $form.data('bootstrapValidator');

// Use Ajax to submit form data
$.post($form.attr('action'), $form.serialize(), function(result) {
console.log(result);
}, 'json');
});

Find more posts tagged with

Quick Links

Comments

Buford T Justice

$(this).closest('form').find("input[type=text], textarea").val("");

window.location.reload()

Talisman

jQuery doesn't have a form reset method, you can use a native DOM method:

document.getElementById("contact_form").reset();

Or if you want to stay in jQuery land:

$("contact_form")[0].reset();

Nolic

Talisman wrote: »
jQuery doesn't have a form reset method, you can use a native DOM method:
document.getElementById("contact_form").reset();
Or if you want to stay in jQuery land:
$("contact_form")[0].reset();

My JavaScript would be very limited. Do I add one of these to the bottom of the code already provided by Bootstrap Validator?

Nolic

Buford T Justice wrote: »

$(this).closest('form').find("input[type=text], textarea").val("");

window.location.reload()

My JavaScript would be very limited. Do I add one of these to the bottom of the code already provided by Bootstrap Validator?

Buford T Justice

You'd add it to the post request for submitting the form. Once the submission has completed correctly, that's the point where you'd want to clear the form i'd imagine