Question

我正在使用JQuery Validation plugin来处理表单验证。

我正在使用灯箱弹出窗口来隐藏/显示订阅表单，并且该表单具有内联CSS以默认隐藏弹出窗口。我遇到的问题是，当弹出窗口出现时，jQuery表单验证脚本不起作用。我的目标是所有具有CSS类“ .infusion-form”的表单，并且它适用于所有未包装在隐藏HTML中的表单。我尝试将脚本直接包含在表单注入简码下方，而不是全局头文件中，但这没有任何影响。

这是我在全局网站header.php文件中的自定义jQuery表单验证代码：

<!-- Form Validation -->
<script src="https://.../jquery.validate.min.js"></script>
<script src="https://.../additional-methods.min.js"></script>
<script>
jQuery(document).ready(function() {
    jQuery(".infusion-form").each(function() {
        jQuery(this).validate({
            rules: {
                inf_field_FirstName: {
                    required: true
                },
                inf_field_Email: {
                    required: true,
                    email: true
                }
            }
        });
    });
});
</script>

这是通过单击页面上带有 href =“＃inline-content” 的HTML按钮显示的弹出窗口：

<div id="inline-content" style="display: none;">
<div style="width: 100%; max-width: 400px; margin: 0 auto;">
<form accept-charset="UTF-8" action=" class="infusion-form" id="infusionForm" method="POST">
...
</form>
</div></div>

如何定位隐藏在HTML中的表单，以便表单也得到验证？

如何在隐藏的HTML表单上使用jQuery验证表单提交？

0 个答案: