分步注册的表单验证问题

kingdomofhavean 2011-04-20 09:43:12
<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<jsp:useBean id="workR" scope="page" class="general.ReadPath" />
<!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" />
<title><%= new String(workR.returnPath("0").getBytes("ISO-8859-1"),"gbk") %></title>
<script language="javascript" src="public/PopupCalendar.js" ></script>
<script language="javascript" src="js/check.js" ></script>
<script language="javascript" language="javascript" >
//regist_corp.jsp
function checkUser()
{
if(form1.euname.value!=""&form1.euname.value!=null)
{
var euname=document.form1.euname.value;
regpost.location.href="regist_do.jsp?action=checkUser&euname="+euname;
}
}
function checkCode()
{
if(form1.eorgcode.value!=""&form1.eorgcode.value!=null)
{
var eorgcode=document.form1.eorgcode.value;
regpost.location.href="regist_do.jsp?action=checkCode&eorgcode="+eorgcode;
}
}
function show_ds()
{
window.open("public/show_ds.jsp",'','x=100,y=100,scrollbars=yes,width=800');
}
</script>
<script language="javascript" type="text/javascript">
function cregstate(index)
{
var items=document.getElementById("regpanal").childNodes;
for(var i=0;i<items.length;i++)
{
items[i].style.display="none";
}
var index1=index+1;
document.getElementById("reg"+index1).style.display="block";
}
</script>
<body topmargin="0" bottommargin="10">
<table width="962" border="0" align="center" cellpadding="0" cellspacing="0">
<form name="form1" action="regist_do.jsp?action=sub" method="post">
<tr>
<td><img src="images/reg06.jpg" width="600" height="80" /></td>
</tr>
<tr>
<td height="52" background="images/reg01.jpg"><table width="910" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td class="STYLE1">单位用户注册</td>
</tr>
</table></td>
</tr>
<tr>
<td height="20" valign="middle" background="images/reg03.jpg">
</td>
</tr>
<tr>
<td height="30" valign="middle" background="images/reg03.jpg">
<div id="regpanal">
<div id="reg0" style="display:block">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30" colspan="2" class="STYLE2">        创建您的账号</td>
</tr>
<tr>
<td colspan="2" align="center" class="STYLE4"><img src="images/reg05.jpg" width="960" height="10" /></td>
</tr>

<tr>
<td width="30%" height="50" align="right" class="STYLE4">用户名：</td>
<td class="STYLE4"><input name="euname" type="text" id="euname" size="30" maxlength="25" onblur="checkUser()"/>
<font color="#FF0000">*</font>（注：其中标有<font color="#FF0000">*</font>标志为必填项）
<iframe name="regpost" src="about:blank" width="0" height="0" scrolling="no" frameborder="0"></iframe>
<div id="message1"></div></td>
</tr>
<tr>
<td height="50" align="right" class="STYLE4">用户密码：</td>
<td><input name="eupass" type="password" id="eupass" size="33" maxlength="10" />
<font color="#FF0000">*</font> </td>
</tr>
<tr>
<td height="50" align="right" class="STYLE4">确认密码：</td>
<td><input name="eupass1" type="password" id="eupass1" size="33" maxlength="10" />
<font color="#FF0000">*</font></td>
</tr>
<tr>
<td height="50" align="right" class="STYLE4"> </td>
<td><input name="button1" type="submit" id="button1" onclick="cregstate(1)" value="下一页" /></td>
</tr>
</table>
</div>

</div>
</td>
</tr>
<tr>
<td background="images/reg03.jpg"></td>
</tr>

<tr>
<td><img src="images/reg04.jpg" width="962" height="10" /></td>
</tr>
</form>
</table>
</body>
</html>
上面是我的源码 我想在点击 下一步 按钮的时候 验证我上面的表单 今天有点晕 请高手帮忙 有几个div 我没写 太长了
...全文
260 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
kingdomofhavean 2011-04-22
  • 打赏
  • 举报
 回复
function cregstate(index)
{
switch (index){
case 0:if (false==button0()) return;
break;
case 1:if (false==button1()) return;
break;
case 2:if (false==button2()) return;
break;
case 3:if (false==button3()) return;
break;
}

var items=document.getElementById("regpanal").childNodes;
for(var i=0;i<items.length;i++)
{
items[i].style.display="none";
}
var index1=index+1;
document.getElementById("reg"+index1).style.display="block";
}

//是否为空
function validate_required(field,alerttxt)
{
var field = document.all(field);
if (field.value==null||field.value=="")
{
alert(alerttxt);
field.focus();
return false;
}
return true;
}

//是否相等
function validate_equals(field,field1,alerttxt)
{
var field = document.all(field);
var field1 = document.all(field1);
if (field.value!=field1.value)
{
alert(alerttxt);
field1.focus();
return false;
}
return true;
}

function button0()
{
if(!validate_required('euname','请输入用户名！')) return false;
if(!validate_required('eupass','请输入密码！')) return false;
if(!validate_equals('eupass','eupass1','两次输入的密码不一致！')) return false;
}
function button1()
{
if(!validate_required('eorgcode','请输入法人代码！')) return false;
if(!validate_required('ename','请输入企业名称！')) return false;
if(!validate_required('ectime','请选择企业创建时间！')) return false;
if(document.all.epcode.value.length!=6)
{
alert("请输入6位邮政编码!");
document.form1.epcode.focus();
return false;
}

if(!validate_required('efax','请输入企业传真！')) return false;
if(!validate_required('eemail','请输入电子邮箱！')) return false;

var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(!myreg.test(document.all.eemail.value))
{
alert("请输入合法的E_mail地址!");
document.form1.eemail.focus();
return false;
}
if(!validate_required('eaddr','请输入企业的详细地址！')) return false;
}
function button2()
{
if(!validate_required('elname','请输入法人姓名！')) return false;
if(!validate_required('elbirth','请选择法人生日！')) return false;
if(!validate_required('eltime','请选择法人任职时间！')) return false;
if(!validate_required('elphone','请输入法人电话！')) return false;
if(!validate_required('elmobile','请输入法人手机号码！')) return false;
if(!validate_required('econtact','请输入联系人姓名！')) return false;
if(!validate_required('ecphone','请输入联系人电话！')) return false;
if(!validate_required('ecmobile','请输入联系人手机号码！')) return false;
}
function button3()
{
return true;
}
function validate_submit()
{
if(document.all.verifycode.value.length=="")
{
alert("请输入验证码!");
document.form1.verifycode.focus();
return false;
}
return true;
}
搞定了 就是改造那个控制层显示的 js函数
a_b_a_b_a_b_a_b 2011-04-20
  • 打赏
  • 举报
 回复
没明白什么意思；
kingdomofhavean 2011-04-20
  • 打赏
  • 举报
 回复
我的页面都写到这步了 还怎么用什么框架啊 不是要从来吧 一定要submit的button才能触发验证事件吗？应该有什么办法吧？
amos1989 2011-04-20
  • 打赏
  • 举报
 回复
有很多验证框架可以用的。楼主
kingdomofhavean 2011-04-20
  • 打赏
  • 举报
 回复
js 前台验证
<script language="javascript" type="text/javascript">
//是否为空
function validate_required(field,alerttxt)
{
var field = document.all(field);
if (field.value==null||field.value=="")
{
alert(alerttxt);
field.focus();
return false;
}
return true;

}
//是否相等
function validate_equals(field,field1,alerttxt)
{
var field = document.all(field);
var field1 = document.all(field1);
if (field.value!=field1.value)
{
alert(alerttxt);
field.focus();
return false;
}
return true;
}
function button1()
{

alert("11111");
//if(!validate_required('euname','请输入用户名！')) return false;
//if(!validate_required('eupass','请输入密码！')) return false;
//if(!validate_equals('eupass','eupass1','两次输入的密码不一致！')) return false;
/*
if(!validate_required('eorgcode','请输入法人代码！')) return false;
if(!validate_required('ename','请输入企业名称！')) return false;
if(!validate_required('ectime','请选择企业创建时间！')) return false;
if(!validate_required('epcode','请输入企业邮编！')) return false;
if(!validate_required('efax','请输入企业传真！')) return false;
if(!validate_required('eemail','请输入电子邮箱！')) return false;
var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(!myreg.test(document.all.eemail.value))
{
alert("请输入合法的E_mail地址!");
document.form1.eemail.focus();
return false;
}*/
/*

if(!validate_required('eemail','请输入合法的电子邮箱！')) return false;

if(!validate_required('uname','用户名不能为空！')) return false;
if(!validate_required('upass','密码不能为空！')) return false;
if(!validate_required('ugroup','请选择用户组！')) return false;
if(!validate_required('uname','用户名不能为空！')) return false;
if(!validate_required('upass','密码不能为空！')) return false;
if(!validate_required('ugroup','请选择用户组！')) return false;
if(!validate_required('uname','用户名不能为空！')) return false;
if(!validate_required('upass','密码不能为空！')) return false;
if(!validate_required('ugroup','请选择用户组！')) return false;
if(!validate_required('uname','用户名不能为空！')) return false;
if(!validate_required('upass','密码不能为空！')) return false;
if(!validate_required('ugroup','请选择用户组！')) return false;
if(!validate_required('uname','用户名不能为空！')) return false;
if(!validate_required('upass','密码不能为空！')) return false;
if(!validate_required('ugroup','请选择用户组！')) return false;
if(!validate_required('uname','用户名不能为空！')) return false;
if(!validate_required('upass','密码不能为空！')) return false;
if(!validate_required('ugroup','请选择用户组！')) return false;
if(!validate_required('uname','用户名不能为空！')) return false;
if(!validate_required('upass','密码不能为空！')) return false;
if(!validate_required('ugroup','请选择用户组！')) return false;
if(!validate_required('uname','用户名不能为空！')) return false;
if(!validate_required('upass','密码不能为空！')) return false;
if(!validate_required('ugroup','请选择用户组！')) return false;
if(!validate_required('uname','用户名不能为空！')) return false;
if(!validate_required('upass','密码不能为空！')) return false;
if(!validate_required('ugroup','请选择用户组！')) return false;
if(!validate_required('uname','用户名不能为空！')) return false;
if(!validate_required('upass','密码不能为空！')) return false;
if(!validate_required('ugroup','请选择用户组！')) return false;
return true;
*/
cregstate(0);
}

</script>
devin_jia 2011-04-20
  • 打赏
  • 举报
 回复
没说清楚怎么验证
验证账号直接查下数据库啊
带验证的分步式注册表单
带验证的分步式注册表单带验证的分步式注册表单带验证的分步式注册表单带验证的分步式注册表单
分步注册表单模板.rar
会员分步注册表单模板jQuery验证。 第一步：填写用户名，密码（密码强度验证），手机号（格式11位验证）输入错误红色字体提示； 第二步：手机验证码60秒时间验证; 第三步：姓名（中文验证）身份证号码（18位验证...
jQuery滑动式分步注册表单插件
这是一款使用jQuery制作的分步注册表单插件。整个注册过程分为多个小页面，每个页面均以滑动动画过渡，并且带有简单的验证功能。
php js 表单验证
用php写的表单验证，界面很美观，功能很强大，很适合新手学习和参考
vue element el-form多表单验证.txt
在使用element-ui，想要多个表单同时验证时，可以使用promise的方法进行异步验证取得结果后再进行操作
Web 开发

81,091

社区成员

341,718

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章