Question

我一整天都在寻找一个有效的例子，并没有找到任何实际可行的例子。

我有一个简单的在线反馈表格，我已经设置了WebView以在Android设备上工作，特别是Nexus 7（它只会在我们酒店的本地设备上使用）。

问题是html反馈表单有不同的字段集，有些带有单选按钮，其他有文本字段和文本区域。表单通过post发送，我有一个jquery验证脚本，调用形式为：

<form name="form" method="post" action="feedback_manager/fb_save.php" onsubmit="return validateForm()" >

一切正常，除了用户填写文本字段时，软键盘中有一个明显无误的蓝色“Go”按钮，一旦键入完成，他们必须点击（或触摸）按钮，问题是它不会将它们带到下一个表单字段集，而是自动提交表单（或者在这种情况下首先运行我的验证脚本）。

KEYCODE_ENTER按钮的默认操作是不应该将用户发送到下一个字段集而不是提交表单？

我将分享我的html表单和我的webView脚本，希望有人可能会发现我做错了什么：

<fieldset>
<legend>Food quality, taste &amp; presentation</legend>

    <input id="flavor4" name="flavor" value="excellent" type="radio" />
    <label for="flavor4"> Excellent</label><br>

    <input id="flavor3" name="flavor" value="good" type="radio" />
    <label for="flavor3"> Good</label><br>

    <input id="flavor2" name="flavor" value="average" type="radio" />
    <label for="flavor2"> Average</label><br>

    <input id="flavor1" name="flavor" value="bad" type="radio" />
    <label for="flavor1"> Needs improvement</label><br>

</fieldset>
<fieldset>
    <legend>Who was your waiter today?</legend>
    <input name="waiter" type="text">
</fieldset>

//then another fieldset with radio buttons and so on

可能是我的文字输入不是紧接着一个又一个并且与单选按钮和组合框混合在一起吗？

这是我的onKeyDown代码：

@Override
public boolean onKeyDown(int keyCode, KeyEvent event)
{
    if ((event.getKeyCode() == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack())
    {
        mWebView.goBack();
        return true;
    }
    if (keyCode == KeyEvent.KEYCODE_ENTER && event.getAction() == KeyEvent.ACTION_DOWN) {
        // do nothing
        return false;
    }
    return true;
}

有趣的是，我的KEYCODE_BACK条件工作正常，但我希望KEYCODE_ENTER按钮不执行任何操作，只需关闭软键盘或转到下一个字段但不提交表单。

我在这里看到了很多答案，但是他们似乎都没有在Nexus7上工作（还没有尝试过其他设备）。

总而言之，我所需要的只是让蓝色的“Go”按钮不做任何事情或转到下一个字段。

请帮助。

** 修改 **

我今天早上看到了一个新的前景，发现这个类似的帖子添加了一个OnKeyListener来检测密钥，然后返回false。 Enter key on EditText hitting onKey twice

mWebView = (WebView) findViewById(R.id.webview);
    mWebView.getSettings().setJavaScriptEnabled(true);
    mWebView.loadUrl("http://some.url");
    mWebView.setWebViewClient(new virtuoWebViewClient());

    mWebView.setOnKeyListener(new View.OnKeyListener() {
        public boolean onKey(View v, int keyCode, KeyEvent event) {
            if (event.getAction() == KeyEvent.ACTION_DOWN) {
                if (keyCode == KeyEvent.KEYCODE_ENTER) {
                    // do nothing
                    return false;
                }
            }
            return false;
        }
    });

但仍然没有，“Go”按钮仍然提交表格:(，我会继续尝试，如果有人可以指向我不同的方向或分享新的想法，我会非常感激。谢谢。

Answer 1

我花了很长时间寻找解决方案，但没有什么是完美的。这是我能找到的最好的解决方法，它用'tab'动作取代'return'（提交）动作，除非焦点在textarea或提交按钮上：

$("form").keydown(function(e){
    if (e.which != 13) return; // ENTER
    if (e.target.type == "textarea" || e.target.type == "button") return;
    if ($("input[type=submit]", this).length == 1) return; // autosubmit form

    var nextTabbable = null;
    var $tr = $(e.target).closest("tr, form");
    var narrowContext = $tr.length && e.target.tabIndex == undefined && !$tr.is("form");
    if (narrowContext) nextTabbable = getNextTabbable($tr.add($tr.next()), e.target);
    if (!nextTabbable) nextTabbable = getNextTabbable(this, e.target);

    if (nextTabbable) {
        if (nextTabbable.type == "text" && nextTabbable.value != "") nextTabbable.select();
            nextTabbable.focus();
        return false;
    }
});

function getNextTabbable(ctx, current) {
    var $t = $("input[tabindex!=-1]:visible, select[tabindex!=-1]:visible, textarea[tabindex!=-1]:visible", ctx).not(":disabled");
    var docIndex = {};
    $t.each(function(i,e){ docIndex[e] = i });
    $sorted = $t.sort(function(a,b){ return a.tabIndex==b.tabIndex ? docIndex[a]<docIndex[b] : a.tabIndex<b.tabIndex ? -1 : 1 });
    return $sorted.get($sorted.index(current)+1);
}

Answer 2

好吧，我不得不让这个煨，因为它有点令人沮丧，经过大量的试验和错误，似乎WebView本身不会允许我没有EditText的行为。我真的不需要这个应用程序的EditText，我发现输入类型文本显示“开始”按钮，但textareas没有，他们用返回托架按钮替换它（不是蓝色，不发送表单），它既便宜又粗糙，但符合目的，所以我基本上最终使用带有参数rows =“1”的textareas，所以它看起来像一个输入类型的文本。

<textarea rows="1" name="waiter"></textarea>

一种非常低技术的解决方案，用于隐藏XD的“Go”，“Done”或“Enter”按钮。

隐藏或禁用WebView软键盘Go / Done / Enter按钮

2 个答案: