javascript - 页面不会通过邮寄提交。使用JS通过<a href>提交

标签 javascript html forms

我正在尝试提交我的页面。我不想使用<input>出于样式原因,我使用 <a href>我的提交按钮的标签并尝试使用 Javascript提交表格。

所以我有表格。注:表格为echo通过 PHP 输出。

<form method=\"post\" name=\"roomSubmit\" >
    <textarea cols=\"40\" rows=\"1\" type=\"text\" name=\"roomName\" id=\"regularInput\"></textarea>
    <a href=\"#\" onclick=\"document.forms['roomSubmit'].submit();\" class=\"button button-small\">Create</a>
</form>

如您所见,表单名称为 roomSubmit 。我需要将文本区域中的信息放入 PHP $_POST变量。

当我这样做时: var_dump $_POST;尝试使用该按钮提交后,它不会在 POST 数组中显示任何内容。

任何想法将不胜感激!

谢谢!

最佳答案

渐进增强有利于输入样式,因此@onsy有正确的想法。我希望你的 HTML 如下:

<input type='submit' class='button button-small' name='sub' id='sub' value='Create' />

现在你的 CSS 看起来像:

.button-small#sub{
  display:inline-block; text-decoration:underline; padding:0; border:0;
}

关于javascript - 页面不会通过邮寄提交。使用JS通过<a href>提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22852129/

相关文章:

javascript - 当任何按钮点击表单都会自动提交,即使按钮是不同的功能

javascript - 从url导入json文件

javascript - 使用javascript访问不同页面上的表单元素

javascript - 如何将从 fetch 请求检索到的对象添加到 React 中的状态数组,然后更新 View ?

javascript - 如何将Javascript点击功能应用于没有类的元素?

javascript 跳到 Maxlen 上的下一个表单字段

javascript - .closest().find().text() 查找多个元素内部文本

PHP mail() 无法运行

html - Firebug 在右侧面板中两次显示类名及其位置

html - 带边框的圆看起来不圆,锯齿状,不光滑,为什么?