帮我制作一个html非空验证

以下是一个简单的HTML非空验证示例：

<!DOCTYPE html>
<html>
<head>
	<title>HTML非空验证</title>
	<script>
		function validateForm() {
			var x = document.forms["myForm"]["username"].value;
			if (x == "") {
				alert("用户名不能为空");
				return false;
			}
		}
	</script>
</head>
<body>
	<form name="myForm" onsubmit="return validateForm()" method="post">
		<label for="username">用户名:</label>
		<input type="text" id="username" name="username"><br><br>
		<input type="submit" value="Submit">
	</form>
</body>
</html>

这个示例中，我们创建了一个名为myForm的表单，并使用onsubmit事件调用validateForm()函数。该函数检查username输入字段是否为空，如果为空则显示一个警告消息，并返回false以阻止表单提交。如果输入字段不为空，则返回true以允许表单提交。

请注意，我们在输入字段上使用了id和name属性，以便在JavaScript代码中引用该字段。如果您需要验证多个字段，只需重复该过程即可。

当用户试图提交表单时，如果输入字段为空，则会弹出一个警告消息。否则，表单将被提交并可以进一步处理。