作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在学习 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
关于javascript - 无法获取表单字段的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23595246/
我尝试通过正则表达式将文本中的单引号更改为双引号。 (单字)示例:我走了。 You gona fly to planet 'Ziqtos' => 我需要在 I'm 中保留单引号,并在 You gona
我正在构建一个 API,其中大部分将包含 JSON 和 HTML 内容。但是一些非常具体的端点只呈现 true 或 false,并且还在 POST 中接受 true 或 false。这是请求或响应的整
我是一名优秀的程序员,十分优秀!