获得焦点focus()使用example

最新推荐文章于 2022-03-08 09:34:06 发布

最新推荐文章于 2022-03-08 09:34:06 发布 · 413 阅读

文章标签：

#Java #SQL #HTML

javascript 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一个简单的HTML表单验证示例，通过JavaScript实现对用户输入的姓名和密码进行有效性检查，确保两者均不为空。如果任一字段为空，则会弹出提示并阻止表单提交。

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>title</title>
</head>
<script language="JavaScript">
function test()
{
if(document.forms[0].elements[0].value.length==0)
{ alert("姓名不可以为空");
document.forms[0].elements[0].focus();
return false;
}
else if(document.forms[0].elements[1].value.length==0)
{ alert("密码不可以为空");
document.forms[0].elements[1].focus();
return false;
}else {return true;}
}
</script>
<body>
<form action="#" method="post" name="form1" onsubmit="return test();">
用户名<input type="text" name="name" >
密码<input type="password" name="password">
<input type="submit" value="提交">

</form></body>
</html>