没有合适的资源?快使用搜索试试~ 我知道了~
用户注册表单验证分析.pdf
需积分: 5 0 下载量 192 浏览量
2024-01-03
13:48:46
上传
评论
收藏 438KB PDF 举报
温馨提示
试读
2页
用户注册表单验证分析
资源推荐
资源详情
资源评论
·78 · (总 250) 用户 注 册 表 单验 证 分 析 2010年
用户注册表单验证分析
中国海洋大学 徐 美霞
【摘 要】无论 是 动态 网站 还是其他 B/S结构 的 系统 ,都离不 开表单 表单 怍 为客 户端 向服务器提交数 据的主要载体 ,扮演着十 分
重要 的角 色 ,那 么提 交 的 表单 数 据 合 法 吗?如 果 不 合 法 怎 么 办 。JavaScript是 一种 十 分便 捷 的解决 方 法 ,它不 但 能检 查 用 户 输入 的
无效或错误 数 据,还能检查用户遗漏的必选项,从而也减 轻 了服务器 端 的压力。结 合常见的用 户注册表单中常见 的验证来分析表
单 验 证 技术 。
【关键词1 JavaScript,表单 ,验证 ,用户 注册 ,B/S结构,客 户端
如 图 1所示 :这是一个 已经做好 的用
户 注册 页 面 。
用户注册
用户gl 一 ~… 旱蒜
g码 一’ 一…
U 镕 码
屯 章 鼻
性别 } 土
要好 D i
£ 月} 月 日
暇 回
图 1 用 户注 册 页 面
在此页面中 主要加入以下几 种验证 :
① 用户名不能为空且 用户名必须大
于 4个字符 。
② 密码 不 能为空且两 次 密码输 入必
须一 致 。
⑧ 电子邮件要验证 是否有 “@”和
“
.
” 字符 。
④ 日期不能超出范围。
1 用户 名 不 能 为 空且 用户 名必 须
大 于 4个 字符的验证
在 提交表单 的 时候 需要 执行一 个 验
证,那就是 对 用户名后 的文本框是否为空
进 行验证 。现在可 以执行 这 样一 个思 路 ,
先 写 一 个 函数 ,这 个 函数 的 功 能是 验 证 用
户名后的文本 框是否为空。在提交表单的
时候先 去执 行这个函数,这样就可 以验 证
用户名是否 为 空了。那 么 表单 中的哪个 事
件可以完成 这样 一个功能 呢 ?onSubmit事
件 属 于 < F0RM > 表 单 元 素,它 在 <
FORM > 标 签 内 。onSubmit= “return
checkUsername()”将 根据 返 回的真/假
值 来 决 定 是 否 提 交 表 单 数 据。
checkUsername () 函 数 如 下 :
<script language=” javascript >
function checkUsername 0
{
var strusername— document.form 1.
username.value;
if (strusername一 = "Ⅳ、
{
alert( 用户名不能为空 ! );
return false;
}
if (slrusername。length< 3)
{
alert( 用 户 名 长 度 必 须 大 于 4个 字
符 ! );
return false}
}
return true ;
}
< /script>
因 为 onSubmit = “ return
checkUsername()”将根据返回的真/假
值来决定是否提交表单数据 ,所以此 函数
要有返回值 ,且 当用户名 为 空的时候返 回
false。并 给 出对话 框 提 示 :“alert(”用 户
名 不 能 为 空!”);” 否 则 返 回 true。var
strusernam e document.form 1.user—
name.value中的 username是表单文本框
的 名 字 。
表单属性设置 如 下 :
< form id 一 ” form 1” name一 ” forml“
method= post action 一 success.html”
onsubmit= ” return checkUsername (); >
这里 重 点是 onSubmit事 件 的设 置 。
弹 出的对话 框如图 2所 示 。
图 2 用 户 名 不能 为 空
2 密 码 不 能 为 空 且 两 次密 码 输 入
必须 一 致
跟刚才 的思 路 一 样 ,先 写一 个 函数
checkPassword()验证密 码 是否为空 以及
两 次 输 入 密 码 是 否 一 致 。 在 函 数 中
password代 表 第 一 个 密 码 框 的 名 称 ,
confpsw 代表第二个 密 码框的名称
< script language=” javascript >
function checkPassword ()
f var strpassword =
document.form 1.password.value;
vat strconfpsw —
document.form1.confpSW.value:
if (strpassword= = ”、
{
alert( 密 码不 能 为空 I );
return fa[se;
)
if (strpassword! = streonfpsw)
{
alert( 两次 密 码必 须 一致 I );
return false;
)
return true;
)
< /script>
3 电子 邮件要验证是否有 “@”和
“
.
”字 符
<script language= javascript >
function checkEmail O
{
var stremail= document.form 1.
email.value;
if(stremail.indexOf( @”,O)一
1l I stremail.indexOf(”.”,0) 一 =一1)
{
alert( 电子邮件格式不正确 ,必须
含有@和 .字符 1 );
return false;
)
return true }
)
< /script>
4 日期不 能超 出范围
<script language=” javascript” >
function checkDate O
{var stryear=document.form1.year.
value;
var strday= document.form 1.day.
value;
if(stryear>2009『{strday>31『I strday
< 1)
{
alert(” 日期超 出范 围 l”);
return false;
)
return true;
}
</script>
最后综合起来代码是 :
资源评论
徐浪老师
- 粉丝: 6142
- 资源: 6880
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- oracle 触发器语法及 for each row 详细说明
- 微信小程序-豆瓣图书源码
- Fragment - Unknow animation name objectAnimator 问题解决及源码分析
- 词向量-中文文本相似度计算-采用text2vec词向量工具进行计算对比.zip
- 521293804316625base(1).apk
- ARP IP地址分类及特殊IP
- 【MySQL补丁】vcredist-x64xz MySQL必备插件
- 基于SG3525芯片PWM控制推挽隔离DCDC电源模块AD09设计硬件(原理图+PCB)工程文件.zip
- Word_20240428_092324.docx
- cloudcc_v1.1.10-release_sign.apk
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功