jquery - jQuery验证插件提交按钮不起作用

Question

我正在使用 woo-commerce 和 jQuery 验证插件。因为我使用 jQuery 来添加字段等，所以我不能使用内置验证的 woocommerce，因为它会刷新页面并且我会丢失我的值。

但是当我点击提交并填写需要验证的字段时（我将其设置为一个用于测试目的），按钮将不会提交。

对于我的生活，我无法弄清楚为什么，感觉我有点过头了

任何帮助将不胜感激，谢谢

score 0 · Accepted Answer

您的意思是提交按钮。请在此处提及。首先您的提交事件是否正在发生。如果事件未触发，则意味着将有两种可能性。一种是您的提交按钮ID也可能在其他地方重复。第二个是你的点击事件没有像将事件注册到按钮时那样初始化，DOM中没有以提交名称的元素。

score 0 · Accepted Answer

非 AJAX 解决方案：这对我有用，同时尝试 .submit() 与 Jquery

在任何位置添加此代码

<input type="hidden"  name="woocommerce_checkout_place_order" value="1" />

AJAX 解决方案：原来我没有包括 wp_footer(); 在我的页脚文件中，因此没有得到 BlockUI.js 和一些额外的 CSS。查看 WooCommerce 资产文件夹中的 BlockUI.js，它有一个 $.submit() 函数来解释所有逻辑。

你可以去掉它在这里所做的任何验证，并为你自己的代码腾出空间！

2 回答 2