Jquery 表格提交不';我不能在IE和Chrome中工作

Jquery 表格提交不';我不能在IE和Chrome中工作,jquery,forms,dialog,submit,Jquery,Forms,Dialog,Submit,我制作了一个脚本来提交表单,然后打开一个显示“添加到购物车”的对话框。它在FF中工作。Chrome将我重定向到购物车页面,IE不做任何事情,甚至不提交任何东西 <script type="text/javascript"> var productId = {{ product.vid }}; var addUrl = "http://shop.com/cart/add/" +productId+ "/?quantity="; jQuery(document).ready(func

我制作了一个脚本来提交表单,然后打开一个显示“添加到购物车”的对话框。它在FF中工作。Chrome将我重定向到购物车页面,IE不做任何事情,甚至不提交任何东西

<script type="text/javascript">
var productId  = {{ product.vid }};
var addUrl = "http://shop.com/cart/add/" +productId+ "/?quantity=";

jQuery(document).ready(function(){
bakVormAsset("#formProduct");
});

function bakVormAsset(product){
jQuery(product + " #formProductQuantity").val("1");
jQuery(product + " #formProductQuantity").keyup(function () {
var val = jQuery(product + " #formProductQuantity").first().val();
});

jQuery(product + " .opener").click(function(event) {
event.preventDefault();
 $.get($(this).attr('href'), function(data, status) {
   var val = jQuery(product + " #formProductQuantity").first().val();

      // Go to page
      window.location.href = addUrl + val;
         $( "#dialog" ).dialog( "open" );
      return false;
 });
 }
 </script>

var productId={{product.vid};
var addUrl=”http://shop.com/cart/add/“+productId+”/?数量=”;
jQuery(文档).ready(函数(){
bakVormAsset(“形式产品”);
});
函数bakVormAsset(产品){
jQuery(product+“#formProductQuantity”).val(“1”);
jQuery(product+“#formProductQuantity”).keyup(函数(){
var val=jQuery(product+“#formProductQuantity”).first().val();
});
jQuery(产品+“.opener”)。单击(函数(事件){
event.preventDefault();
$.get($(this.attr('href'),函数(数据,状态){
var val=jQuery(product+“#formProductQuantity”).first().val();
//转到第页
window.location.href=addUrl+val;
$(“对话框”)。对话框(“打开”);
返回false;
});
}
我的表格如下所示:

 <form class="formProduct" id="formProduct" action="#" method="post">
 <input type="text" name="quantity" id="formProductQuantity" value="{{ product.stock.minimum }}" />
 <a class="button blue opener" href="" title="{{ 'Add to cart' | t }}"><span>{{ 'Add to cart' | t }}</span></a>
 </form>

请帮帮我

编辑 我忘记提到的是,表单提交时,用户必须保持在同一页面上,而不是重定向到“购物车”页面。

如果您想通过ajax或其他方式提交表单,则必须使用此插件

在完全方法上,你们可以做任何你们想做的事

jQuery(product + " .opener").click(function(event) {
     event.preventDefault();
       var options = { 
           success:       function(){
                                $( "#dialog" ).dialog( "open" );
                          }  // post-submit callback 
     };

    $('#myForm2').ajaxSubmit(options); 

 });

您必须指定表单的操作。此表单必须提交哪个操作。

这是唯一的方法吗?还有很多其他方法。但我更喜欢使用此插件来完成此操作。因为此插件将处理特定于浏览器的设置。好的,谢谢……是否可以用上述方式帮助我设置此操作?我已经阅读了从你的链接中获取文档,但这并不像你描述的那么简单(知识有限)。非常感谢这似乎在所有浏览器中都有效。我使用了你的代码,而不是我的“jQuery(product+”.opener”)。单击(函数(事件){etc..”并更改了“操作”到它应该提交到的实际页面。为什么这样做而不是我的代码是因为ajaxSubmit功能?是的,因为这个插件做得非常好。各种浏览器特定的设置等和事件处理。很高兴知道它也适用于您。:)