【问题标题】:Bootstrap 3 form submissionBootstrap 3 表单提交
【发布时间】:2014-04-10 11:23:28
【问题描述】:

我正在使用 bootstrap 3 构建联系表单,但遇到以下问题:如果提交为空,则表单将提交到同一页面。如果我在框中输入值,它将重定向到主页。仅当我对输入框使用 name="something" 属性时,才会出现此问题。有谁知道为什么? HTML 是这样的:

      <form class="form" method="post" action="http://localhost/contact">
        <div class="form-group">
          <label for="name">Nume</label>
          <input type="text" name="name" class="form-control" id="name" placeholder="Numele tau...">
        </div>
        <div class="form-group">
          <label for="email">Adresa email</label>
          <input type="email" name="email" class="form-control" id="email" placeholder="Adresa email...">
        </div>
        <div class="form-group">
          <label for="subject">Subiect</label>
          <input type="text" name="subject" class="form-control" id="subject" placeholder="Subiectul mesajului...">
        </div>
        <div class="form-group">
          <label for="message">Mesaj</label>
          <textarea class="form-control" name="message" id="message" rows="5" placeholder="Mesajul tau aici..."></textarea>
        </div>
        <button type="submit" class="btn btn-default">Trimite mesajul!</button>
        </form>

【问题讨论】:

  • 在FORM标签中使用一个ACTION参数来控制目标:&lt;form class="form" role="form" method="post" action="some_page.php"&gt;
  • 我也添加了,它指向正确的 url,但它显示的是主页。
  • 需要注意的一点:如果我删除 name="something" 参数,它会起作用。但我需要将它与 php 一起使用...
  • 也许您提供了正确的数据,并且您的 PHP 在对这些数据进行处理后将您重定向到您的主页。
  • php是手写的,不可能这样。

标签: javascript jquery html forms twitter-bootstrap


【解决方案1】:

您需要一个操作来实际提交表单。在您添加操作以处理表单并通过电子邮件发送之前,表单不会执行任何操作。

<form class="form-horizontal" method="post" action="contactform.php">

我使用这种形式的变体,http://www.html-form-guide.com/email-form/php-form-to-email.html

【讨论】:

  • 我也添加了,它指向正确的 url,但它显示的是主页。需要注意的一件事:如果我删除 name="something" 参数,它会起作用。但我需要将它与 php 一起使用...
  • 你创建了一个php页面吗?
  • 当然。我已将此设计集成到 wordpress 主题中。
  • 您是否为该操作创建了 php 文件?即处理表单并发送电子邮件的 form.php?
  • 是的。我在之前的评论中已经回答了这个问题......即使我没有创建一个,它也不应该默认为主页。我应该遇到 404 错误。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多