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编程有所帮助。

作者最新文章