本文提供了一个简单的HTML页面示例，使用JavaScript进行表单验证，确保所有输入框都不为空。当用户尝试提交表单时，如果发现任何字段为空，则会弹出警告并阻止表单提交。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function check()
{
for(var i=0;i<document.form1.elements.length;i++)
{
if(document.form1.elements[i].type=="submit") continue;
if(document.form1.elements[i].value=="")
{
alert("表单不能为空!");
document.form1.elements[i].focus();
return false;
}
}
return true;
}
</script>
</head>
<body>
<form onSubmit="return check()" name="form1">
姓名:<input type="text" /><br />
姓名:<input type="text" /><br />
姓名:<input type="text" /><br />
姓名:<input type="text" /><br />
<input type="submit" value="提交" />
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function check()
{
for(var i=0;i<document.form1.elements.length;i++)
{
if(document.form1.elements[i].type=="submit") continue;
if(document.form1.elements[i].value=="")
{
alert("表单不能为空!");
document.form1.elements[i].focus();
return false;
}
}
return true;
}
</script>
</head>
<body>
<form onSubmit="return check()" name="form1">
姓名:<input type="text" /><br />
姓名:<input type="text" /><br />
姓名:<input type="text" /><br />
姓名:<input type="text" /><br />
<input type="submit" value="提交" />
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
