JavaScript判断表单为空及获取焦点的方法
作者:半夏时间:2026-10-29 21:35:15浏览:485
本文介绍如何使用JavaScript实现表单非空验证。通过检查表单元素的value长度,判断输入是否为空。若为空则弹出提示并调用focus()方法使输入框获取焦点,否则允许提交。
JavaScript判断表单为空及获取焦点的方法
本文介绍一种利用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>javascript获得焦点</title>
</head>
<script language="JavaScript">
function aa()
{
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="/ok.jsp" method="post" name="form1" onSubmit="return aa();">
用户名<input type="text" name="name" >
密码<input type="password" name="password">
<input type="submit" value="提交">
</form>
</body>
</html>
希望本文的内容对JavaScript编程有所帮助。
作者最新文章
JavaScript闭包与类(Class)的区别及适用场景对比
2026-11-05 15:48:57
JavaScript入门要学ES6吗?let与箭头函数等新特性解析
2026-11-05 14:49:16
JavaScript 8种数据类型详解:基本类型与引用类型的区别
2026-11-05 14:25:15
怎么在JavaScript中使用async/await优化Ajax异步流程
2026-11-05 13:56:15
JavaScript replace回调函数实现动态正则替换逻辑
2026-11-05 13:52:13
