表单验证是指在提交表单数据前对用户输入的数据进行检查,以确保数据的正确性和完整性。下面是一些常见的表单验证规则:
以下是一个简单的表单验证示例:
<form onsubmit="return validateForm()">
<label>用户名:</label>
<input type="text" id="username" name="username">
<br>
<label>密码:</label>
<input type="password" id="password" name="password">
<br>
<input type="submit" value="提交">
</form>
<script>
function validateForm() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username == "" || password == "") {
alert("用户名和密码都不能为空");
return false;
}
return true;
}
</script>
在上面的示例中,我们使用了JavaScript来验证表单数据。我们在表单的onsubmit事件中调用了validateForm()函数。这个函数首先获取了表单中的用户名和密码,然后检查它们是否为空。如果为空,则弹出一个警告框,并返回false以防止表单提交。否则,返回true以允许表单提交。