gpt4 book ai didi

html - 如何检测用户在网页上输入的表单

转载 作者:IT王子 更新时间:2023-10-29 01:47:13 26 4
gpt4 key购买 nike

我正在尝试检测用户是否在 golang 托管的网页上输入了某些内容,但每次用户单击按钮并提交表单时,它都会重定向到另一个页面(我在 localhost:8080 上托管并重定向到本地主机:8080/文本)。我很确定这是因为表单操作设置为“/text”但是如果我删除 golang handlefunc 永远不会运行。这是我目前所拥有的:

package main

import (
"log"
"net/http"
"fmt"
)

func main()() {
//runs server
fs := http.FileServer(http.Dir("./"))
http.Handle("/", fs)
log.Println("Listening...")
http.ListenAndServe(":8080", nil)
//detects user input and calls function
http.HandleFunc("/text", textGetter)
}

func textGetter (w http.ResponseWriter, r *http.Request) () {
r.ParseForm()
text := r.PostFormValue("text")
fmt.Fprintf(w, "this: %s", text)
fmt.Print(" was written in the text box")
}

和这个 html:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello</title>
<link rel="stylesheet" href="./stylesheet.css">
</head>
<body>
<h1>Write something bellow</h1>
<form class="userText" action="/text" method="post">
<input type="text" name="textbox" id="textBox" value="" placeholder="type something here">
<input type="submit" value="text" name="button" id="button" onclick="thank(message.value)">
</form>
<script type="text/javascript" src="./script.js"></script>
</body>
</html>

谁能告诉我哪里出了问题?

最佳答案

这是一个独立于 Go 或任何其他语言的前端任务。

您可以通过将 onkeypress 属性添加到感兴趣的字段来跟踪用户输入。您需要一些 Ajax 库。例如,您可以使用 jQuery

尝试类似的代码:

<input ... onkeypress="input()">
<script>
function input(){
$.ajax(url, parameters)
}
</script>

关于html - 如何检测用户在网页上输入的表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47477595/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com