`
qmug
  • 浏览: 198072 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

输入验证的例子

阅读更多
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,则无论输入的是否合法窗体都会被提交。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics