gpt4 book ai didi

javascript - 无法获取表单字段的值

转载 作者:行者123 更新时间:2023-12-03 12:39:01 25 4
gpt4 key购买 nike

我正在学习 javascript 并尝试调用函数。基于示例here ,我尝试在我的测试 html 中使用逻辑:

<html>
<head>
<script>
function ShowForm()
{
var field_value = document.forms["test_form"]["my_name"].value;
document.write(field_value);
}
</script>
</head>
<body>
<form action="" name="test_form" onsubmit="return ShowForm();" method="post">
<input type="text" name="my_name" placeholder="Type your name"/>
<button type="submit">My button</button>
</form>
</body>
</html>

我发现 html 可以正确呈现,但是单击“我的按钮”按钮后,页面会重新加载,而不会显示我期望的其他 html。

主要的不同是我尝试使用 <button>用于单击/提交操作。是否可以使用 <button>并激活javascript?或者我应该设置 <input> 的样式作为按钮?

我在这里做错了什么?

最佳答案

使用

 onsubmit="ShowForm();return false"

而不是

 onsubmit="return ShowForm();"

添加 return false 将阻止页面重新加载,从 return ShowForm(); 中删除 return 将允许 javascript 运行 return ShowForm() 之后为 false

Example

关于javascript - 无法获取表单字段的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23595246/

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