Javascript 多个表单，例如默认问题无法在live server上运行。

我有一个很奇怪的问题，我似乎无法理解

下面是故事。。。 我创建了一个产品页面，当访问该页面时，它会对json文件执行ajax请求以获取产品数据，然后我会有一个js脚本，同时动态附加html以创建每个产品的签出表单

因此，一个页面上有多个动态创建的表单

我的问题是

一切都在我的本地服务器上工作，因为当提交表单时，“e.preventdefault”会停止任何没有选定项的表单提交

当我使用grunt构建并传递到live server时，e.preventdefault似乎不起作用，表单已提交

现在已经三个小时了，我似乎不知道我哪里出了问题

$(".initial-cont").on("submit", ".payment-form", function(e){

var size2 = $(this).find(".size").val();
var style2 = $(this).find(".style").val();
var postage2 = $(this).find(".postage").val();

if ( (size2 == 777) || (size2 == null) ) {

  BootstrapDialog.alert({
    title: 'Error',
    message: 'Please select artwork size.',
    type: BootstrapDialog.TYPE_WARNING
});

`e.防止违约； 回来 }

//更多的验证与上面类似

注: 。页上已存在初始容器。非动态 .付款表格是表格的类名

谢谢是预付款

---

Ryan

Solved Guys-无论如何，谢谢如果其他人遇到此问题，请确保事件发生后的第一行代码是“e.preventDefault”，因为它可能不会触发并继续提交表单。因此，解决方案是通过在脚本开头添加“e.preventDefault”来防止表单的默认提交。然后在验证通过后手动调用submit。JQuery的.submit函数运行良好。