输入验证的例子

最新推荐文章于 2021-02-24 11:45:59 发布

qf_hy

最新推荐文章于 2021-02-24 11:45:59 发布

阅读量143

点赞数

分类专栏： JavaScript 文章标签： Struts Java Apache JSP JavaScript ViewUI

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

Reg3.jsp


<%@ page language="java" pageEncoding="GBK"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="reg.js"></script>

<title>无标题文档</title>
</head>


<body>
<form id="form1" name="form1" method="post" action="">
  用户名：
  <label>
  <input type="text" name="username" />
  </label>
  <p>密码：
    <label>
    <input type="text" name="password" />
    </label>
  </p>
  <p>确认密码：
    <label>
    <input type="text" name="repassword" />
    </label>
  </p>
  <p>
    <label>
    <input type="button" name="Submit" value="提交" onclick="validate()"/>
    </label>
    <label>
    <input type="reset" name="Submit2" value="重置" />
    </label>
  </p>
</form>

</body>
</html>

Reg.js


function validate(){
 	var username=document.forms[0].username.value;
 	var password=document.forms[0].password.value;
 	var repassword =document.forms[0].repassword.value;

 	if(username.length<=0){
 		alert("用户名不能为空");
 	}
 	if(password.length<=0){
 		alert("密码不能为空");
 	}
 	if(repassword.length<=0){
 		alert("确认密码不能为空");
 	}
 	else if(username.length<6){
 		alert("用户名不能小于6位");
 	}
 	else if(password!=repassword){
 		alert("两次密码不一致");
 	}
 	else{
 		alert("验证通过")
 		document.forms(0).submit();
 	}
 }

注意：在进行表单验证的时候，必须把<input type="submit" name="Submit" value="提交" 中间的type="submit" 更换成 button。同时在给这个button添加一个JavaScript事件，这时在输入验证中使用JavaScript提交窗体，如果不把输入的类型改为button，则无论输入的是否合法窗体都会被提交。