我有一个非常奇怪的问题,我似乎无法理解。
这是故事...... 我创建了一个产品页面,当访问时对json文件执行ajax请求以获取产品数据,然后我有一个js脚本,同时动态附加html为每个产品创建我的结帐表单。
因此,在一个页面上有多个动态创建的表单。
我的问题是这个......
一切都在我的本地服务器上运行,因为提交表单时,“e.preventdefault”会停止提交没有选定项目的表单。
只要我使用grunt构建并传递给实时服务器,e.preventdefault似乎不起作用并且表单已提交....
现在已经3个小时了,我似乎无法确定我的错误。
$(".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.preventDefault(); 返回; }
//更多类似于上面的验证
注意: .initial容器已存在于页面上。 (不动态) .payment-form是表单的类名
谢谢你的到来。
瑞安