表单校验

殇_心。

麻烦同学们做个表单校验，规则自己定，重要看思路

Super_Class · Super_Class

<!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=utf-8" />
<title>无标题文档</title>
</head>
<body>
<legend>
<caption>员工信息录入</caption>
<table border="1" cellpadding="5" cellspacing="0">
<tr>
<td>真实姓名(不能为空，没有其他要求)</td>
<td><input type="text" id="realname"/></td>
</tr>
<tr>
<td>登录名(不能为空，长度应该在5——8之间，可以包含中文字符（一个汉字算一个字符）)</td>
<td><input type="text" id="username"/></td>
</tr>
<tr>
<td>密码(不能为空，长度6-12字符或数字，不能包含中文数字)</td>
<td><input type="password" /></td>
</tr>
<tr>
<td>重复密码(不能为空，长度6-12字符或数字，不能包含中文数字)</td>
<td><input type="password" /></td>
</tr>
<tr>
<td>真实姓名(不能为空，没有其他要求)</td>
<td><input type="text" /></td>
</tr>
<tr>
<td>性别(必选其一)</td>
<td><input type="radio" name="sex" value="nan"/>男
<input type="radio" name="sex" value="nv"/>女</td>
</tr>
<tr>
<td>身份证(15或18位)</td>
<td><input type="text" /></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type="button" value="保存" id="ok"/></td></tr>
</table>
</legend>
</body>
<script type="text/javascript">
window.onload = function()
{
document.getElementById("ok").onclick = function()
{
/*var realname = document.getElementById("realname").value;
if(realname==""||realname=="null"||realname=="undefine")
{
document.getElementById("realname").focus();
alert("输入真实姓名");
return false;
}*/
/***************************************************************************************/
var username = document.getElementById("username").value;
if(username==""||username=="null"||username=="undefine")
{
document.getElementById("username").focus();
alert("输入用户名");
return false;
}
//验证登录名不少于五个字符
var userreg = new RegExp("^[A-Za-z0-9\u4e00-\u9fa5]{0-4}$");
var flag = userreg.test(username);
if(flag)
{
alert("您输入的登录名不能少于5个字符");
document.getElementById("username").focus();
return false;
}
//验证登录名不多于8个字符
/*var userreg = /^[A-Za-z0-9\u4e00-\u9fa5]{9,}$/;
var flag = userreg.test(username);
if(flag)
{
alert("您的登录名不能大于8个字符");
document.getElementById("username").focus();
return false;
}*/
}
}
</script>
</html>

复制代码

太长了。没写完。

谢孔营 · 谢孔营

好吧：楼主不懂继续问
<form action="/servlet/LoginServlet"  name="loginForm" method="Post" onsubmit="return check()">
姓名:<input type="text" name="txtName"/><br/>
密码:<input type="password" name="txtPwd"/><br/>
<input type="submit"  value="登录" />
这个是最常见的表单登录验证
当然验证前要用js对输入内容合法性的验证，这里不加缀余
当你点击登录后，就会根据action找到相应的servlet，这个过程有点复杂，简单说一下，就是
通过tomcat服务器的web.xml映射到Servlet。
找到servlet后，在servlet里获取登录时，输入的内容
可以通过String  name= request.getParameter("txtName");
String pwd = request.getParameter("txtPwd");
然后通过一步封装到一个MOdel类中，
将数据传递到数据层验证，验证通过就登录了。

帐号		自动登录	找回密码
密码			加入黑马

表单校验

评分

2 个回复

评分

评分

黑马骑士勋章