多个 jQuery 验证引导插件不验证多个表单

Question

我在单个引导页面上遇到了 2 个似乎无法验证的表单。每个表单都使用不同的验证，但由于我没有在我的 .js 文件中指出任何特定的表单 ID，因此第一个 .js 文件将应用于每个表单。我正在努力让每个 .js 验证文件应用于正确的表单。

在我的 index.html 页面上，我有类似的内容：

<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>

每个 .js 文件如下所示：

$(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();

如果我尝试 $("#orderForm").(function() 和 $("#contactForm")(function() 它不起作用。在此先感谢您的帮助！

Answer 1

.find 可能会起作用。

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