jqueryui表單提交按鈕和使用對話框按鈕

我一直非常沮喪，我要瘋了！如果您使用表單上的提交按鈕，我有一個表單可以工作。jqueryui表單提交按鈕和使用對話框按鈕

我試圖把它放到一個模態對話框jQueryUI的

所以在HTML，如果你刪除輸入提交按鈕，jQueryUI的按鈕開始工作，但休息，我的操作頁面。

正常操作頁面發送包含內容的電子郵件，然後重定向到這正是它與HTML在提交按鈕感謝您網頁

，但使用jQueryUI的按鈕，它打印此：

Â

，並且不繼續

這是其中按鈕被初始化的部分

$("#dialog-form").dialog({ 
    autoOpen: false, 
    height: 400, 
    width: 350, 
    modal: true, 
    buttons: { 
    "Submit Request": function() { 

    $("form[name='send']").submit() 
    $('#send').submit(); 
     $(this).submit(); 
    $('#dialog-form').submit();

，這是形式

<div id="dialog-form" title="Request a Quote"> 
<p class="validateTips">You are also welcome to call us at </p> 

<form id="send" name="send" action="process.php" method="POST"> 
<label for="name">Name</label> 
<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" /> 
<label for="email">Email</label> 
<input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" /> 
<label for="number">Phone Number</label> 
<input type="name" name="contact" id="number" value="" class="text ui-widget-content ui-corner-all" /> 
<label for="message">Message</label> 
<textarea cols="49" rows="6"name="message"/></textarea> 
<input name="submit" type="submit" value="submit" > 
</form> 
</div>

並將其加入到形式使得它的工作

<input name="submit" type="submit" value="Submit" />

，但只有當你點擊HTML表單提交按鈕

這是操作頁面：

<?php 
if(isset($_POST['submit'])) { 
$to = '@gmail.com' ;  //put your email address on which you want to receive the information 
$subject = 'Contact Form'; //set the subject of email. 
$headers = 'MIME-Version: 1.0' . "\r\n"; 
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n"; 
$message = "<table><tr><td>Name: </td><td>".$_POST['name']."</td></tr> 
      <tr><td>E-Mail: </td><td>".$_POST['email']."</td></tr> 
      <tr><td>Phone Number: </td><td>".$_POST['contact']."</td></tr> 
      <tr><td>Message: </td><td>".$_POST['message']."</td> 
      </tr></table>" ; 
    mail($to, $subject, $message, $headers); 
    header('Location: contact_thanks.php'); 
} 
?>

來源

2013-07-15 user2581956

你可以嘗試調用底層窗體的提交按鈕的'click'事件。即觸發（'點擊'） – Rake36

我相信這可以通過直接的JavaScript來完成;設置窗體的東西的ID（你的情況id="send"然後調用Submit()事件，像這樣：

document.forms["send"].submit();

凡在方括號中的字符串形式的ID另一種方法是使用名形式（你的情況也「發送」）：

<script type="text/javascript"> 
    function submitform() 
    { 
     document.send.submit(); <-- 'send' refers to your form name 
    } 
</script>

希望這對你的作品

從代碼改編FO！ und here。

編輯：問題：在您的原始HTML中，窗體是否有結束標記？這可能會阻止整個表單被發現。

來源

2013-07-15 01:40:20 Katstevens

非常感謝你的回覆！不幸的是我的操作頁面仍然顯示我都嘗試你的迴應，（第二我剝奪一切的但電話本身）我不明白爲什麼從輸入更改提交按鈕的JavaScript/jQuery的按鈕可以使任何差異 – user2581956

jqueryui表單提交按鈕和使用對話框按鈕

回答

相關問題