多个表单,Deligation e.preventdefault问题无法在实时服务器上运行。

时间:2015-08-29 13:07:13

标签: javascript events gruntjs

我有一个非常奇怪的问题,我似乎无法理解。

这是故事...... 我创建了一个产品页面,当访问时对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是表单的类名

谢谢你的到来。

瑞安

0 个答案:

没有答案