使用回车键提交输入字段答案

【问题标题】：submit input field using enter key使用回车键提交输入字段
【发布时间】：2021-01-22 01:22:47
【问题描述】：

我正在构建天气应用程序，并希望使用 Enter 键将城市名称提交到服务器。我收到了错误

提交不是函数

我想解决这个问题，我想知道如何将值发送到快速服务器，以便在 API 调用中使用它。这是我的代码：

<!DOCTYPE html>
<html>
<head>
    <title>Weather APP</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <input id="City" placeholder="EnterCity" onclick="u()" action="/" method="post">
</body>
<script>
    function u(){
            document.getElementById("City").addEventListener("keyup", function(event) {
    if (event.keyCode === 13) {
        var x = document.getElementById("City");
        x.submit();
        return false;
    }
});
}
</script>
</html>

【问题讨论】：

标签： javascript node.js input form-submit

【解决方案1】：

尝试将input 放在表单标签中，并提交表单而不是输入标签

...
<body>
    <form id="CityForm" onsubmit="u()" action="/" method="post">
        <input id="City" placeholder="EnterCity" />
    </form>
</body>
<script>
    function u(){
            document.getElementById("City").addEventListener("keyup", function(event) {
    if (event.keyCode === 13) {
        var x = document.getElementById("CityForm");
        x.submit();
        return false;
    }
});
}
</script>
...

您提交的是表单，而不是单个输入元素。在您的输入元素上，您可以有一个类似onChange 的操作，它会在每次输入标签获取输入时运行，但实际提交由表单处理

【讨论】：