你好,欢迎访问登录注册
  • 绿叶云盘 音乐搜索
  • 当前位置:首页 - 技术共享 - 正文 本站已经运行0

    Jsp表单验证post方法输出

    2016-09-28技术共享Jervois20904°c
    A+ A-

    本人使用的工具为Eclipse Java EE企业集成平台,以及Tomcat7.0!

    以下为本人亲自编写的代码,仅给不会者参考

    温馨提示:以下代码均为Jsp代码,不是Html代码!

    注册表单

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
    function Box(js) {
    	//检测用户名
    	if(js.username.value==""){
    		alert("用户名为空");
    		return false;
    	}
    	//检测密码长度
    	if(js.password.value.length<=6 || js.repassword.value.length>=12){
    		alert("密码在6-12位之间");
    		return false;
    	}
    	//检测密码输入是否为一样
    	if(js.password.value != js.repassword.value){
    		alert("密码不相同,请重新输入");
    		return false;
    	}
    	//检测是否输入QQ
    	if(js.qq.value.length<=6 || js.qq.value.length>=11 && !isNaN(js.qq.value)){
    		alert("请检查qq号码的位数和格式是否正确");
    		return false;
    	}
    	//检测身份证是否正确
    	var id = js.id.value;
    	var idReg = new RegExp("^500[0-9]{15}$").test(id);
    	if(!idReg){
    		alert("身份证格式错误");
    		return false;
    	}
    	//检查移动手机号码格式是否正确
    	var phone = js.phone.value;
    	var phoneReg = new RegExp("^181[0-9]{8}$").test(phone);
    	if(!phoneReg){
    		alert("移动手机号码格式错误");
    		return false;
    	}
    	//检查邮箱格式是否正确
    	var email = js.email.value;
    	var emailReg = new RegExp("^\\w{1,}@\\w{1,}.\\w{2,}$").test(email);
    	if(!emailReg){
    		alert("电子邮件格式错误");
    		return false;
    	}
    	js.submit();
    }
    </script>
    </head>
    <body>
    	<form action="result.jsp" method="post" name="kj">
    		<table border="1">
    			<tr align="center">
    				<th colspan="4">用户注册</th>
    			</tr>
    			<tr align="center">
    				<td>头像</td>
    				<td colspan="3"><input type="image" name="img" src="img/logo.jpg" width="80" height="80"></td>
    			</tr>
    			<tr align="center">
    				<td>用户名</td>
    				<td colspan="3"><input type="text" name="username"></td>
    			</tr>
    			<tr align="center">
    				<td>密码</td>
    				<td><input type="password" name="password"></td>
    				<td>确认密码</td>
    				<td><input type="password" name="repassword"></td>				
    			</tr>
    			<tr align="center">
    				<td>性别</td>
    				<td><input type="radio" name="sex" value="1">男<input type="radio" name="sex" value="2">女</td>
    				<td>QQ号码</td>
    				<td><input type="text" name="qq"></td>
    			</tr>
    			<tr align="center">
    				<td>身份证号</td>
    				<td colspan="3"><input type="text" name="id"></td>
    			</tr>
    			<tr align="center">
    				<td>移动号码</td>
    				<td><input type="text" name="phone"></td>
    				<td>电子邮件</td>
    				<td><input type="text" name="email"></td>
    			</tr>
    			<tr align="center">
    				<td colspan="4"><input type="button" value="提交" onclick="Box(kj)"><input type="reset" value="重置"></td>
    			</tr>
    		</table>
    	</form>
    </body>
    </html>

    输出表单

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    	<%
    	//request内置对象保持了客户端表单输入的控件的名和值
    	request.setCharacterEncoding("UTF-8");
    	String username=request.getParameter("username");
    	String password=request.getParameter("password");
    	String qq=request.getParameter("qq");
    	String id=request.getParameter("id");
    	String phone=request.getParameter("phone");
    	String email=request.getParameter("email");
    	%>
    	<table border="1">
    		<tr>
    			<th colspan="2">收到的数据</th>
    		</tr>
    		<tr>
    			<td>用户名</td>
    			<td><%=username %></td>
    		</tr>
    		<tr>
    			<td>密码</td>
    			<td><%=password %></td>
    		</tr>
    		<tr>
    			<td>QQ号码</td>
    			<td><%=qq %></td>
    		</tr>
    		<tr>
    			<td>身份证</td>
    			<td><%=id %></td>
    		</tr>
    		<tr>
    			<td>移动号码</td>
    			<td><%=phone %></td>
    		</tr>
    		<tr>
    			<td>电子邮件</td>
    			<td><%=email %></td>
    		</tr>
    	</table>
    </body>
    </html>
    分享到:
      选择打赏方式
    微信赞助

    打赏

    QQ钱包

    打赏

    支付宝赞助

    打赏

      移步手机端
    Jsp表单验证post方法输出

    1、打开你手机的二维码扫描APP
    2、扫描左则的二维码
    3、点击扫描获得的网址
    4、可以在手机端阅读此文章

    发表评论

    请拖动滑块解锁
    >>


      用户登录
    你好,欢迎访问登录注册
    龙年
    大吉