实验报告九
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
项目1 设计校园办公系统认证页面
用JavaScript定义函数$(id) 来访问节点,checkcardno()来验证卡号,checkkey()来验证密码,checkkey2()来验证二次输入密码,checkqqwx()来验证QQ微信。用innerHTML修改第五列的label里面的信息,从而给予输入提示。
div{margin:0px auto; padding:30px 40px 50px; background:#00FF99 url("bg_id.jpg");}
table{border:2px double #0000ff; text-align:center; margin:0px auto;}
#td1{text-align:center; font-size:20px; color:#6600FF;}
#td2{text-align:left;}
label{color:red; font-weight:bold;}
h3{background:#0033ff; width:500px; height:40px; padding:8px auto; font-size:28px; text-align:center; font-family:隶书; color:white;}
input{height:24px;}
function $(id){return document.getElementById(id);}
function checkcardno()
{
var cno=myform.cardno.value;
$("err_cardno").innerHTML="";
if(cno==""||cno==null)
{
$("err_cardno").innerHTML="卡号不能为空!"
}
else if(cno.length!=10){
$("err_cardno").innerHTML="卡号长度必须为10!";
}
else
{
var firstnum=cno.charAt(0);
if(firstnum=="0")
{
$("err_cardno").innerHTML="卡号首字母必须不为0!";
}
else if(parseInt(cno)<1000000000){
$("err_cardno").innerHTML="卡号不全为数字!";
alert("卡号不全为数字!");
}
}
}
function checkkey()
{
var key1=myform.key.value;
$("err_key").innerHTML="";
if (key1=="" || key1==null)
{
$("err_key").innerHTML="口令不能为空!";
}
else
{ if (key1.length<8 || key1.length>15)
{
$("err_key").innerHTML="口令长度不能小于8或大于15!"; }
}
}
function checkkey2(){
var key21=myform.key2.value;
var key11=myform.key.value;
$("err_key2").innerHTML="";
if (key21=="" || key21==null)
{
$("err_key2").innerHTML="口令不能为空!";
}else if (key21.length<8 || key21.length>15)
{
$("err_key2").innerHTML="口令长度不能小于8或大于15!"; }else if (key21!=key11)
{ $("err_key2").innerHTML="口令与二次口令不相同!"; }
}
function checkqqwx(){
var qqwx1=myform.qqwx.value;
$("err_qqwx").innerHTML="";
if (qqwx1==null||qqwx1=="")
{$("err_qqwx").innerHTML="微信号不能为空!"; }
}