JS编程表单子页
时间: 2023-06-29 13:06:37 浏览: 42
可以通过以下步骤来编写一个基本的表单子页:
1. 创建 HTML 文件并添加表单元素:
```html
<!DOCTYPE html>
<html>
<head>
<title>表单子页</title>
</head>
<body>
<form action="#" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br><br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
2. 创建一个 JavaScript 文件并添加以下代码,以便在表单提交时验证输入:
```javascript
function validateForm() {
var name = document.forms["myForm"]["name"].value;
var email = document.forms["myForm"]["email"].value;
var message = document.forms["myForm"]["message"].value;
if (name == "" || email == "" || message == "") {
alert("请填写所有必填字段。");
return false;
}
}
```
3. 在 HTML 文件中添加以下代码,以便在表单提交时调用 validateForm() 函数:
```html
<form action="#" method="post" onsubmit="return validateForm()" name="myForm">
```
现在,你已经创建了一个基本的表单子页,并且可以在表单提交时验证用户输入。你可以根据需要添加更多的表单元素和验证规则。