javascript问题 急急急急!!!!

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/l... <!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=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
.style2 {font-size: 18px}
-->
</style>
</head>
<body >
<form name="form1" method="post" action="" >
<p><span class="style2">学号:</span>
<input type="text" name="no">
(*必须为6位数字)
</p>
<p><span class="style2">姓名</span>:
<input type="text" name="name">
(*必须为字母)</p>
<p><span class="style2">电子邮件</span>:
<input type="text" name="email">
(*必须包含@和.号)</p>
<p>
<input type="checkbox" name="cheng" value="1" >
同意诚信考试(*必须选中诚信考试才能提交)</p>
<p> <input type="submit" name="submit" value="提交">
<input type="reset" name="reset" value="重置">
</p>
<p> </p>
</form>
<div id="Layer1" style="position:absolute; width:378px; height:115px; z-index:1; color: #FF0000; font-size: 16px;"><strong>我承诺考试中所交程序,均为本人自己所编,不参考同学,不拷贝!</strong></div>
</body>
</html>

1、 打开主页面,出现欢迎页面。
2、 学号不能为空,长度必须为6位
3、 用户名不能为空,必须为字母
4、 电子邮件地址不能为空,必须包含符号“@”和“.”
5、 选中“同意诚信考试”后,出现诚信考试声明,如果不选中,不显示。
6、只有选中“同意诚信考试”才能提交表单。
展开
 我来答
匿名用户
2015-06-25
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>
提交表单
</title>
<script>
function check (form) {
var no = form.no;
var na = form.na;
var email = form.email;
var cheng = form.cheng;
if (!/^.{6}$/.test(no.value)) {
alert ("学号不能为空,长度必须为6位 !");
no.focus();
no.select();
return false;
}
else if (!/^[a-z]+$/i.test(na.value)) {
alert ("用户名不能为空,必须为字母 !");
na.focus();
na.select();
return false;
}
else if (!/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/.test(email.value)) {
alert ("电子邮件地址不能为空,必须包含符号“@”和“.”");
email.focus();
email.select();
return false;
}
else if (!cheng.checked) {
alert ("只有选中“同意诚信考试”才能提交表单。");
return false;
}
else {
return true;
}
}
function show (chk) {
Layer1.style.display = chk.checked ? 'block' : 'none';
}
</script>
</head>
<body >
<form name="form1" method="post" action="" onsubmit="return check(this);">
<table>
<tr>
<td>
学号:
</td>
<td>
<input type="text" name="no" />
(*必须为6位数字)
</td>
</tr>
<tr>
<td>
姓名:
</td>
<td>
<input type="text" name="na" />
(*必须为字母)
</td>
</tr>
<tr>
<td>
电子邮件:
</td>
<td>
<input type="text" name="email" />
(*必须包含@和.号)
</td>
</tr>
<tr>
<td colspan=2>
<label>
<input type="checkbox" name="cheng" onclick="show(this);"/>
同意诚信考试(*必须选中诚信考试才能提交)
</label>
</td>
</tr>
<tr>
<td colspan=2 style="text-align:center;">
<input type="submit" name="submit" value="提交" />
<input type="reset" name="reset" value="重置" />
</td>
</tr>
<tr>
<td colspan=2>
<div id="Layer1" style="position:absolute; width:378px; height:115px; z-index:1; color: #FF0000; font-size: 16px; display:none;">
<strong>
我承诺考试中所交程序,均为本人自己所编,不参考同学,不拷贝!
</strong>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
益享天开
2015-06-25 · 专注分享互联网办公、城市服务等常见问题
益享天开
采纳数:337 获赞数:1021

向TA提问 私信TA
展开全部
平常多收集一些JS正则,最通用的话最好选用一个表单验证插件,比如:jquery.validate
涵盖了数字、电话号码、email、url、必填等验证
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
xiii130
2015-06-25 · 知道合伙人软件行家
xiii130
知道合伙人软件行家
采纳数:817 获赞数:2867
爱好编程,在工作中积累了比较丰富的经验。愿与大家共同进步。

向TA提问 私信TA
展开全部

全部功能都实现了

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式