JavaScript 客户端表单验证

最新推荐文章于 2025-10-31 13:36:39 发布

原创最新推荐文章于 2025-10-31 13:36:39 发布 · 696 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #login #input #action #function

本文介绍了一个使用Struts框架实现的登录表单，其中包括客户端JavaScript验证和服务器端验证。客户端验证确保密码长度不少于4位且两次输入的密码一致。

<%@ page contentType="text/html;charset=gb2312"%>
<%@ page language="java"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>

<html>
<head>
  <title>JSP for loginForm form</title>
</head>
<body>
<script language="javascript" type="text/javascript">
function login()
{
   if(document.loginForm.repassword.value=="")
   {
           alert('确认密码不能为空！');
           return false;
   }
    if((document.loginForm.password.value.length)<3)
   {
        alert('密码最少为4位')
        return false;
   }
   if(document.loginForm.repassword.value!=document.loginForm.password.value)
   {
        alert('密码与确认密码必须一致')
        return false;
   }

}
</script>
<h4>Login</h4>
<html:errors /><br/>
   <html:form action="/login" focus="loginForm" onsubmit="return login();">
   username : <html:text property="username"/><br/>
   password : <html:password property="password"/><br/>
   repassword: <html:password property="repassword"/><br/><br/>
   <html:submit/><html:cancel/>
     </html:form>
   <a href="/line/form/register.jsp">Register</a>
</body>
</html>

-----------------------------------------------------------------------------------------------------------------------------------------------------

<%@ page contentType="text/html;charset=gb2312"%>
<%@ page language="java"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>

<html>
<head>
  <title>JSP for loginForm form</title>
</head>
<body>
<script language="javascript" type="text/javascript">
function login()
{
   if(document.loginForm.repassword.value=="")
   {
           alert('repassword is required ！');
           return false;
   }
}
</script>
<h4>Login</h4>
<html:errors /><br/>

<form name="loginForm" action=/line/login.do onSubmit="return login();">
   username : <input name="username" type="text"/><br/>
   password : <input name="password" type="password"/><br/>
   repassword: <input name="repassword" type="password"/><br/><br/>
   <input name="submit" type="submit" value="submit">
</form>
   <br>
   <a href="/line/form/register.jsp">Register</a>
  </form>
</body>
</html>