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表单提交按钮和使用对话框按钮

回答

相关问题