代码之家 › 专栏 › 技术社区 › Pierre Buyle

在输入[duplicate]中按enter键时,如何防止WebKit浏览器提交表单

submit webkit google-chrome safari html

Pierre Buyle · 技术社区 · 17 年前

当使用具有多个文本输入的表单时,WebKit/Safari/Google Chrome会在任何输入元素中按下“enter”时提交表单。即使没有提交输入元素和 onclick 处理程序已注册。

例如,请参见以下示例代码:

<html>
    <body>
        <form method="POST" action=".">
            <ul>
                <li><input type="text" name="foo" value="<?=rand()?>"/></li>
                <li><input type="text" name="bar" value="<?=$_POST['foo']?>"/></li>
            </ul>
        </form>
    </body>
</html>

因为我用JavaScript处理异步HTTP请求的表单,所以需要防止这种行为。我可以为按键事件和 停止传播 . 但当动态添加新的文本输入元素时,它看起来很难看,也不实用。

3 回复 | 直到 17 年前

Daniel A. White 17 年前

倾听声音 onsubmit 事件的形式和返回 false

bobince 17 年前

如果您不希望表单提交,请不要包含<表格>元素。包含独立的表单字段元素是有效的。

value="<?=$_POST['foo']?>"

Jason Plank Maksim Kondratyuk 15 年前

Daniel A.White是对的,但由于我对答案有点困惑,也许应该明确指出,返回false应该出现在事件中:

function goWithSubmit(e)
{
  if (e) e.returnValue=false;
}

推荐文章

Bob · 检查UIWebView是否已在Swift中加载完毕

8 年前

Laust Deleuran · Canvas createRadialGradient()在Chrome v65中未按预期工作

8 年前

CodeGeekBot · Xcode 9.2-WebView不工作

8 年前

Mario Burga · 如何在webkit视图中显示url

8 年前

Stefan Orzu · 在Chrome中按字体大小和字体样式重置OpenType设置

8 年前

ch1maera · 在Swift、WKWebView中遍历JavaScript元素

8 年前

Pasha Skender Bergi · JFX Webview post JAVA 1.8.0_121变得更糟

8 年前

Herel Adrastel · 不推荐使用的方法是否由最新的API执行?

10 年前

Sergey · Google Chrome开发工具启动非常缓慢

10 年前

André Hikaru · 悬停时模糊/取消模糊2种不同背景

10 年前