jqueryui表单提交按钮和使用对话框按钮

jqueryui form submit button and using the dialog buttons

本文关键字：按钮 对话框 表单提交 jqueryui      更新时间：2023-09-26

我对此感到非常沮丧，简直要疯了！我有一个表格，如果你使用表格上的提交按钮，它就可以工作。

我正试图将其放入模式jqueryui对话框中

因此，如果删除html中的inputsubmit按钮，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');
 }
 ?>

我相信这可以用直接的JavaScript完成；将表单的id设置为某个值（在您的情况下为id="send"，然后调用Submit()事件，如下所示：

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

其中方括号中的字符串是表单的id。另一种方法是使用表单的
name（在您的情况下也是"send"）：

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

希望这对你有用！

改编自此处的代码。

编辑：问题：在原始HTML中，表单是否有结束标记？这可能会阻止整个表单被找到。

相关文章：