如何解决使用回车键提交输入字段
我正在构建天气应用程序并希望使用 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>
解决方法
尝试将 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
这样的动作,它会在每次输入标签获取输入时运行,但实际提交是由表单处理的
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。