请写一个html代码实现一个表单要求不能提交空
<!DOCTYPE html>
<html>
<head>
<title>表单</title>
</head>
<body>
<form method="post" action="#" onsubmit="return validateForm()">
<label>姓名：</label>
<input type="text" name="name" id="name"><br><br>
<label>年龄：</label>
<input type="text" name="age" id="age"><br><br>
<label>性别：</label>
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女<br><br>
<label>爱好：</label>
<input type="checkbox" name="hobby[]" value="reading">阅读
<input type="checkbox" name="hobby[]" value="music">音乐
<input type="checkbox" name="hobby[]" value="sports">运动<br><br>
<input type="submit" value="提交">
</form>
<script>
function validateForm() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
if (name === "" || age === "") {
alert("姓名和年龄不能为空");
return false;
}
}
</script>
</body>
</html>
原文地址: http://www.cveoy.top/t/topic/sny 著作权归作者所有。请勿转载和采集!