在文本框上按下 Go 按钮时发生页面重定向（jquery/cordova）

Posted 2023-05-09

【中文标题】在文本框上按下 Go 按钮时发生页面重定向（jquery/cordova）

【英文标题】：page redirection happening when Go button is pressed on a textbox (jquery/cordova)

【发布时间】：2017-03-14 12:33:33

【问题描述】：

我正在开发一个 cordova 应用程序，并将 jquery mobile 与 cordova 一起使用。

我已经通过以下方式在 html 页面中创建了一个文本字段：

<input type="email" id="email_id" name="email_id" maxlength="80" placeholder="[e-mail]" style="height: 50px;" />

当我将焦点设置在该字段上并从手机键盘上按下 Go 按钮（ASCII 代码 = 13）时，我被重定向到我的应用程序的登录页面（这也是我的应用程序的第一页）和页面堆栈看起来像这样：

0: Object
1: Object
2: Object
3: Object
hash: "#page_settings"
lastScroll: 156
pageUrl: "page_settings"
title: "Title"
transition: "none"
url: "file:///android_asset/www/index.html#page_settings"
__proto__: Object


4: Object
    hash: "#/android_asset/www/index.html?textbox_email=[e-mail]"
    lastScroll: 0
    pageUrl: "/android_asset/www/index.html?textbox_email=[e-mail]"
    title: "Title_new"
    transition: "fade"
    url: "file:///android_asset/www/index.html?textbox_email=[e-mail]"
    __proto__: Object
    length: 5
    __proto__: Array[0]

4: Object是重定向后创建的对象，与其他对象不同，比如修改了Title，转场风格由none改为fade。

任何人都可以指导我为什么会发生以及如何解决它。

【参考方案1】：

听起来 go 按钮正在执行提交操作。当这个人点击 go 时，你期望会发生什么？

您可以通过调试代码来跟踪正在发生的事情吗？

【讨论】：

我希望点击 go 按钮时不会发生任何事情（或者至少不会发生页面重定向）。

【参考方案2】：

通过添加 onsubmit='return false;' 解决了这个问题以下列方式添加到表单标签：

<form onsubmit='return false;'></form>