A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 卖火柴 中级黑马   /  2014-2-9 23:29  /  1553 人查看  /  2 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

<html>
<head>
<script>
function check(){
  var cardnumber=form1.card.value;
  var cardpassword=form1.password.value;
  var user=form1.name.value;
  var re_user=form1.name2.value;
  var yzm=form1.yzm.value;
  if(cardnumber.length!=10){
    alert("卡号要为10位");
  }else if(cardpassword.length!=15){
    alert("密码要为15位");
  }else if(user!=re_user){
    alert("两次输入帐号不一致");
  }else if(yzm.length!=4){
    alert("验证码要为4位");
  }else{
    form1.submit();
  }
  
}
</script>
</head>
<body>
<form action="./web.asp" method="post" name="form1" target="_blank" id="form1" >
<div align="center">
<table width="300" height="250" border="1" align="center" cellpadding="1" cellspacing="1" style="BORDER-RIGHT: #ffffff 2px groove; BORDER-TOP: #ffffff 2px groove; FONT-SIZE: 9pt; BORDER-LEFT: #ffffff 2px groove; BORDER-BOTTOM: #ffffff 2px groove; FONT-FAMILY: 宋体">
<tr>
<td colspan="3" style="FONT-SIZE: 9pt; COLOR: #ff0000; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #99ccff">账号充值系统</td>
</tr>
<tr>
<td width="72"><div align="left" class="Cbai">充值卡号:</div></td>
<td colspan="2"><div align="center">
<input name="card" id="card"size="23" maxlength="10" />
</div></td>
</tr>
<tr>
<td><div align="left" class="Cbai">卡密码:</div></td>
<td colspan="2"><div align="center">
<input name="password" type="password" id="password"/>
</div></td>
</tr>
<tr>
<td><div align="left" class="Cbai">用户账号:</div></td>
<td colspan="2"><div align="center">
<input name="name" id="name" value="" size="23" maxlength="16" />
</div></td>
</tr>
<tr>
<td><div align="left" class="Cbai">确认账号:</div></td>
<td colspan="2"><div align="center">
<input name="name2" id="name2" value="" size="23" maxlength="16" />
</div></td>
</tr>
<tr>
<td align="center"><div align="left" class="Cbai">验证码:</div></td>
<td align="center"><input name="yzm" id="yzm" size="6" maxlength="4" /></td>
</td>
</tr>
<tr>
</tr>
<tr>
<td colspan="3" align="center"><div align="center">
<input name="submit1" type="button" value="提交"/>
</a>
<input name="submit2" type="reset" value="重置" />
</div></td>
</tr>
</table>
</div>
</form></td>
</tr>
</table>
</body>
</html>

2 个回复

倒序浏览
值得学习,收藏ing!
回复 使用道具 举报
使用jquery中jquery-validation-1.11.1.zip插件,效果更好,更方便!

jquery-validation-1.11.1.zip

705.63 KB, 下载次数: 45

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马