提交按钮不起作用

Question

我有一个表格<input type="submit".在chrome提交中没有做任何事情.在开发人员工具的选项卡中的"网络"上,我什么都看不到.开发人员工具也没有错误.同时,如果我保存页面并打开已保存的页面,那么在按下提交按钮后,我会在"网络"选项卡中看到一些内容.这发生在chrome和firefox中.这在IE中可以正常工作.

有谁事后才知道,我该怎么看？

编辑:我不需要直接回答,我只需要知道,我应该在哪里看.如果有人发布指示并帮助我解决问题,我会接受它作为正确答案.

EDIT2:页面结构如下所示:

html
    head
    body
        div
        div
            form
            form
            form
            form
            form
                input
                input
                table
                table
                    tbody
                        tr..td..input type=submit

EDIT3:我们发现实际问题,就是在一个页面中是一个链接,包含href="#"并在点击该链接后提交停止工作,因为#已添加到URL的末尾,因为action表单是空的,所以它选择了URI从包含#在其中的当前URI开始,浏览器确实跳转到当前页面而不是提交.

Answer 1

你在使用HTML5吗？如果是,请检查<input type="hidden">您的表格中是否包含该物业required.删除该required属性.Internet Explorer不会使用此属性,因此可以使用Chrome.

Answer 2

如果您没有使用任何javascript/jquery进行表单验证,那么表单的简单布局将如下所示.

在你的HTML文档的正文中:

<form action="formHandler.php" name="yourForm" id="theForm" method="post">    
    <input type="text" name="fname" id="fname" />    
    <input type="submit" value="submit"/>
</form>

您需要确保在表单标记中有提交按钮,并分配适当的操作.比如发送到php文件.

要获得更直接的答案,请提供您正在使用的代码.

您可以找到以下使用方法:http://www.w3.org/TR/html401/interact/forms.html

Answer 3

我今天遇到了这个问题，问题是我阻止了文档 onclick 中的事件默认操作：

document.onclick = function(e) {
    e.preventDefault();
}

文档 onclick 通常用于事件委托，但阻止每个事件的默认值是错误的，您必须仅对必需元素执行此操作：

document.onclick = function(e) {
    if (e.target instanceof HTMLAnchorElement) e.preventDefault();
}

Answer 4

你好，来自未来。

为了清楚起见，我只是想添加（因为这在谷歌中相当高） - 我们现在可以使用

<button type="submit">Upload Stuff</button>

并重置表单

<button type="reset" value="Reset">Reset</button>

查看按钮类型

我们还可以附加按钮来提交表单，如下所示：

<button type="submit" form="myform" value="Submit">Submit</button>