写一个简单的表单验证
时间: 2023-07-23 08:20:23 浏览: 83
好的,这里提供一个简单的表单验证的示例代码,它通过 JavaScript 实现:
HTML 代码:
```html
<form id="myForm">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<button type="button" onclick="validateForm()">提交</button>
</form>
```
JavaScript 代码:
```javascript
function validateForm() {
var username = document.forms["myForm"]["username"].value;
var password = document.forms["myForm"]["password"].value;
if (username == "" || password == "") {
alert("用户名和密码不能为空!");
return false;
}
return true;
}
```
这个表单验证的代码实现了以下功能:
- 获取表单中输入的用户名和密码;
- 如果用户名或密码为空,则弹出提示框,阻止表单提交;
- 如果用户名和密码都不为空,则允许表单提交。
以上是一个简单的表单验证示例,实际的表单验证可能需要更复杂的逻辑和处理方式,需要根据具体的需求进行实现。
阅读全文