如何在html表單提交中打開jQuery模態窗口

我使用簡單的html表單將產品從我的網站提交到遠程託管的Mal電子商務購物車。我需要在提交表單時打開一個模式窗口（包含一個iframe）。我無法訪問購物車的服務器端編程，那麼有沒有辦法使用onclick html event屬性啓動jQuery模式窗口？如何在html表單提交中打開jQuery模態窗口

現在，窗體底部的onclick屬性會打開一個js瀏覽器警報......基本上我需要用我的jQuery模式對話窗口替換這個js警報。

任何人都可以幫忙嗎？

這裏是我的形式是：

<form action="http://ww7.aitsafe.com/cf/add.cfm" method="post"> 
<input type="hidden" name="userid" value="96309001"> 
<input type="hidden" name="nocart"> 
<input type="hidden" name="producturl" value="http://www.fruitfulfarm.net/cart_2.html"> 
<input type="hidden" name="product" value="Test Product"> 
<input type="hidden" name="price" value="49.99"> 
<input type="hidden" name="return" 
value="www.fruitfulfarm.net/cart_2.html"> 
<input class="rounded" type="submit" name="submit" value="Add To Cart" 
onclick="alert('Order has been added to your cart\n\nThis page will refresh');" 
onkeypress="alert('Order has been added to your cart\n\nThis page will refresh');"> 
</form>

來源

2013-01-05 AaronH

您是否使用jQuery UI對於對話框？ – Ohgodwhy

如何使用表單標籤的onsubmit？ – jtheman

使用onsubmit

HTML

<form method="post" action="" onsubmit="return myModal(this)"> 
    <!-- more inputs --> 
    <input type="submit" value="Submit" /> 
</form>

function myModal(f) 
{ 
    var form=f, 
     modal=$('<div/>', { 
      'id':'alert', 
      'html':'<iframe src="url"></iframe>' 
     }) 
     .dialog({ 
      'title':'Iframe in a modal window', 
      'modal':true, 
      'width':350, 
      'height':'auto', 
      'buttons': { 
       'OK': function() { 
        $(this).dialog("close"); 
        // do something, maybe call form.submit(); 
       } 
      } 
    }); 
    return false; 
}

Example

來源

2013-01-05 21:52:42

我該如何引用你給onsubmit標籤的JS函數？我只要簡單地將JS上傳到一個文件中，並將URL放到標記中？ – AaronH

您可以將該功能保留在用'script'標籤包裹的head標籤中。 –

對不起，我還是不明白......我有一段代碼中的HTML表單，我不知道如何處理JS，以及如何將函數引用到onsubmit標記。感謝您的幫助。 – AaronH

如何在html表單提交中打開jQuery模態窗口

回答

相關問題