multiple jQuery validation bootstrap plugin do not validate multiple forms

Question

I'm stuck with 2 forms on a single bootstrap page that don't don't seem to validate. Each form is using a different validation but since I'm not pointing out to any specific form ID in my .js files, the first .js file is applied to each form. I'm struggling go get each .js validation file to apply to the correct form.

On my index.html page, I have something like:

<form name="sentMessage" id="contactForm" novalidate>
...
<form name="sentOrder" id="orderForm" novalidate>
...
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact.js"></script>
<script src="js/order.js"></script>

Each .js file looks like:

$(function() {

$("input,textarea").jqBootstrapValidation({
    preventSubmit: true,
    submitError: function($form, event, errors) {
        // additional error messages or events
    },
    submitSuccess: function($form, event) {
        event.preventDefault(); // prevent default submit behaviour
        // get values from FORM
        var nameSender = $("input#orderNameSender").val();

If I try $("#orderForm").(function() and $("#contactForm")(function() it doesn't work. Thanks in advance for your help!

Try using some class $(".testStack").jqBootstrapValidation({ <form name="sentOrder" id="orderForm" class="testStack" novalidate> — Ethaan
– Ethaan, Commented Feb 4, 2015 at 1:40
Thank you, Ethaan, but that didn't work either. Behaviour without adding anything submits the form but always uses the first .js file called. Adding the class or the id prevents from submitting the form and clicking the submit button also makes the focus go back to the top of the page. — seb
– seb, Commented Feb 4, 2015 at 1:48

Nathan Tuggy · Accepted Answer · 2015-02-04 03:05:11Z

2

.find might work.

$(function(){
        $("#contactForm").find('textarea,input').jqBootstrapValidation({
             //jqBootstrapValidation CODE
        });
    });

edited Feb 4, 2015 at 3:05

Nathan Tuggy

2,23727 gold badges33 silver badges38 bronze badges

answered Feb 4, 2015 at 2:19

Adnan Adiataman

512 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

seb Over a year ago

Fantastic, that worked. Thank you for your help, really appreciative of your precise and quick answer.

Collectives™ on Stack Overflow

multiple jQuery validation bootstrap plugin do not validate multiple forms

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related