Question

我在单个引导程序页面上遇到了两个似乎没有验证的表单。每个表单都使用不同的验证，但由于我没有在.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
        });
    });

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

1 个答案: