表单验证的艺术:WebKit 支持 HTML 表单的全面解析
<!DOCTYPE html>
<html>
<head>
<title>表单验证的例子</title>
<script>
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == "") {
alert("名字必须填写");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="/action_page_post.php" onsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
</body>
</html>
这个简单的HTML表单包含了一个输入框和一个提交按钮。当用户提交表单时,会触发onsubmit
事件,调用validateForm()
函数进行验证。如果名字字段为空,则会弹出警告,并且阻止表单提交。这个例子展示了如何使用JavaScript进行简单的表单验证。
评论已关闭