数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究停止在 JavaScript 中制作表单来重新加载页面
假设我们要实现的目标是在用户提交此 HTML 表单时处理客户端上的提交事件，并在提交表单时防止浏览器重新加载
HTML 表单
<form name="formcontact1" action="#"> <input type='text' name='email' size="36" placeholder="Your e-mail :)"/> <input type="submit" name="submit" value="SUBMIT" onclick="ValidateEmail(document.formcontact1.email)" /> </form>
现在，最简单最可靠的做法是在定义的顶部添加以下行来调整我们的 ValidateEmail() 函数 -
function ValidateEmail(event, inputText){
event.preventDefault();
//remaining function logic goes here
}preventDefault() 的作用是告诉浏览器阻止其默认行为，并让我们在客户端本身处理表单提交事件。
完整的 HTML 代码如下-
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form name="formcontact1" action="#">
<input
type='text'
name='email'
size="36"
placeholder="Your e-mail :)"/>
<input
type="submit"
name="submit"
value="SUBMIT"
onclick="ValidateEmail(document.formcontact1.email)"
/>
</form>
<script>
{
function ValidateEmail(event, inputText){
event.preventDefault();
//remaining function logic goes here
}
}
</script>
</body>
</html>
更新时间：18-8-2020
8K+ 浏览
广告