$（＃form）.submit（）在Chrome瀏覽器中不起作用

Question

我已經使用jquery在頁面中插入了一個隱藏的表單，並且我正在使用按鈕單擊事件上的jquery提交表單。隱藏的表單正在使用firefox提交，但不會在chrome中提交。

以下是我在document.ready函數上使用jquery插入的表格。

$('#leftnav').after(
       "<tr><td><form name='login1'" +        
                "action='https://abc.com/FormPost/Submit' method='post'" + 
                "id='login' >" + 
                "<input type='hidden' name='MerchantIdentifier' value='abc' />" + 
                "<input type='hidden' name='Url'" + 
                  "value='http://chcnq.chxcg.servertrust.com/one-page-checkout.asp'/>"+
                "<input type='hidden' name='Description'" +
                  "value='Volusion Order' />"+
                "<input type='hidden' name='Data' value='' />"+
                "<input type='hidden' name='TransactionIdentifier'"+ 
                  "value='12' />" + 
                "<input type='hidden' name='Amount' value='' />"+
                "<input name='Token' type='hidden' value='" + token + "' />"+
                "<input type='hidden' name='ErrorUrl' />" +
        "</form></td></tr>");

然后單擊按鈕，我寫了以下代碼：

$("#btnSubmitOrder").click(function() {
$("#login").submit();
});

請告知您為什么它無法在Chrome瀏覽器中運行。

Answer 1

嘗試這個：

$("#btnSubmitOrder").click(function() {
  $("form[name=login1]").submit();
});

Answer 2

根據我的評論：

通常，一次提交兩種形式的表單是一種不好的做法，但是：

1）您可以將目標iframe添加到這兩種表單中。 這樣一來，瀏覽器就不會由於提交任何一個而被重定向。

要么

2）您可以使用$ .ajax防止默認行為並將數據發送到#login表單url，然后（在回調時）在第一個表單上調用Submit。

Answer 3

使用此javascript代碼。

$("#btnSubmitOrder").click(function() {

 document.forms['login1'].submit();

});