当然,通过 JavaScript 可以实现许多常用的功能。以下是一个简单的示例,展示
如何使用 JavaScript 实现一个“表单验证”的功能,这是 Web 开发中非常常见的
需求。
示例:表单验证
假设我们有一个简单的 HTML 表单,用户需要输入他们的名字和电子邮件地址。我
们希望使用 JavaScript 来验证这些输入:
1. 名字字段不能为空。
2. 电子邮件字段必须包含有效的电子邮件地址格式。
首先,我们创建 HTML 表单:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Form Validation</title>
</head>
<body>
<form id="myForm" onsubmit="return validateForm()">
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">Email:</label>
<input type="text" id="email" name="email"><br><br>
<input type="submit" value="Submit">
</form>
<script src="validation.js"></script>
</body>