web前端实例教程之注册界面解析.docx

性别

男

女

请选择您的性别

身份证号

请输入您的身份证号码

通信地址

请输入您的联系地址，以便我们联系您

学历

博士

硕士

本科

大专

高中

请输入您的学历

职业

公务员

学生

请输入您的职业

已阅读用户许可协议，并同意

Copyright&知美道XX经验原创作品&2014-2015

微博地址：

lijtaos@，更多经验、提供源代码

建议使用InternetExplorer浏览

7.JavaScript文件

functioncheckusername（）{

varun=document.myform.username.value;

varregun=newRegExp（"^（[a-z]|[A-Z]|[0-9]|_）{6,}$"）;

if（regun.test（un））{

document.getElementById（"userinfo"）.innerHTML="用户名可以使用";

returntrue;

}

else{

document.getElementById（"userinfo"）.innerHTML="用户名长度至少6位,且由字母、数字、下划线组成";

returnfalse;

}

}

functioncheckpassone（）{

varpone=document.myform.passone.value;

if（pone.length>=8）{

document.getElementById（"passoneinfo"）.innerHTML="密码符合要求";

returntrue;

}

else{

document.getElementById（"passoneinfo"）.innerHTML="密码长度至少8位";

returnfalse;

}

}

functioncheckpasstwo（）{

varpone=document.myform.passone.value;

varptwo=document.myform.passtwo.value;

if（pone==ptwo）{

document.getElementById（"passtwoinfo"）.innerHTML="密码一致";

returntrue;

}

else{

document.getElementById（"passtwoinfo"）.innerHTML="密码输入不一致";

returnfalse;

}

}

functioncheckemail（）{

varem=document.myform.email.value;

varregem=newRegExp（"^[A-Za-z0-9]+\@（[A-Za-z0-9]）+（\.（[A-Za-z0-9]）+）+$"）;

if（regem.test（em））{

document.getElementById（"emailinfo"）.innerHTML="邮箱格式正确";

returntrue;

}

else{

document.getElementById（"emailinfo"）.innerHTML="邮箱格式不正确";

returnfalse;

}

}

functioncheckshenfenid（）{

varsid=document.myform.shenfenid.value;

varregid=newRegExp（"^（[0-9]{15}）（[0-9]{2}[A-Za-z0-9]）?

$"）;

if（regid.test（sid））{

document.getElementById（"idinfo"）.innerHTML="身份证号格式正确";

returntrue;

}

else{

document.getElementById（"idinfo"）.innerHTML="身份证号格式不正确";

returnfalse;

}

}

functioncheck（）{

returncheckusername（）&checkpassone（）&checkpasstwo（）&checkemail（）&checkshenfenid（）;

}

9.最后一步，注册失败成功界面。

由于不涉及服务器的使用，又使用了JavaScript进行验证，所以失败页面暂时不必使用。

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

web 前端 实例教程 注册 界面 解析

  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。