免费教程_免费网赚教程_破解版软件-寂涯网络学习基地

当前位置: 主页 > 网站相关 > 网站编程 > JavaScript应用开发客户端完整表单验证程序

JavaScript应用开发客户端完整表单验证程序

时间:2012-05-08 22:15来源:未知 整理:寂涯网络 点击:

摘要:通过实例对表单验证程序进行详细讲解,实例中基本包括了用户在填写表单时需要验证
的信息,每部分功能使用函数来完成,这让初学者能够很容易接受并且理解语句段的含义,快速
地掌握Javasc邱t这门语言。
关键词:JavaScript;编程:表单验证

经过了上一讲JavaScript基础知识、对象等内容的学习,
读者对JavaScript的已经有了一些了解.在后续的讲解中,主
要针对实例进行分析.本讲的JavaScript开发客户端完整表单
验证程序在程序设计中就是一项很重要的内容.而且表单验证
也一直是很多编程爱好者很头疼的问题之一.表单验证程序的
好坏直接决定了数据库中保存数据的规范程度.所以程序员们
需要认真对用户所填写的每一项进行认真的过滤.而
JavaScript可以实现这部分功能。下面介绍表单验证程序的设
计方法。
1 主要功能
表单验证对于任何一个编程者都不陌生.此类程序主要应
用在用户注册、信息采集、网络报名等程序流程中.对于表单
严整不严格的程序会给后期数据加工、数据处理工作带来很大
的麻烦,所以在做表单验证程序的时候,需要尽量详细地考虑
存在的相关问题。
常用的表单验证主要包括是否填写信息、填写信息是否规
范、密码强度判断、两次密码输入是否一致、中英文数字的处
理判断、出生日期格式判断、电子邮箱的验证、留言信息长度
限定等功能,最后在提交表单时出现是否确认提交的提示,提
交成功后出现提示框。
密码已经是人们生活工作中必不可少的工具.但一个不安
全的密码有又有可能会给人们造成不必要的损失。作为设计
者。如果在网页中能对用户输入的密码进行安全评估.并显示
出相应的提示信息,那么对用户设置一个安全的密码将有很大
帮助。评估方式:
(1)如果密码少于5位,那么就认为这是一个弱密码。
(2)如果密码只由数字、小写字母、大写字母或其他特殊
符号当中的一种组成,则认为这是一个弱密码。
(3)如果密码由数字、小写字母、大写字母或其他特殊符
号当中的两种组成,则认为这是一个中度安全的密码。
(4)如果密码由数字、小写字母、大写字母或其他特殊符
号当中的3种以上组成.则认为这是一个比较安全的密码。
出生El期在数据库中存储是有一定格式要求的.如果不是
规范存储则填写的日期将无法进行处理、分析。所以出生日期
需要用标准的“xxxx—xx—xx(年一月一日)这种方式进行填写。
电子邮箱的填写能否收集用户联系方式.这就需要用户按
照规范填写,填写时要按照电子邮箱的填写标准进行填写,一
般电子邮箱的格式为username@jybase.netusername@**.com.cn
等,这样就可以按照规范进行判断。
下面对验证的主要功能进行详细分析:
(1)验证用户名是否填写,并且填写是否规范,用户名需
要是A—Za—zO一9一。
(2)密码和确认密码是否一致。
(3)密码强度的评估。
(4)检测是否为中文。
(5)检测姓名拼音是否都为字母。
(6)日期的格式检测。
(7)电子邮件的格式检测。
(8)手机号码应该全部为数字。
(9)填写留言信息字数限制以及现有字符数显示。
(10)提交表单后出现的确认对话框提示。
此程序在开发过程中存在的难点问题:
(1)密码强度的评估,弱、中、强的判断与检测。
(2)利用正则表达式来对用户输入信息进行验证。
2代码详解
程序主要由若干部分组成.可以把每一部分功能都定义
为一个函数模块,下面分别介绍详细程序代码,如图1,图2
所示。
2.1 用户标识判断
if(forml.name.vaIue==0)//判断输入的用户标识是否为空
{
alert(“请您输走用户标识I¨):
forml name.focus(); //获取焦点
}
表单验证程序
主要利用fermi.name.value获取所填写的内容,判断内容
是否为空,如果为空则出现相应提示.并且利用forml.hamefo—
CUS
0;获取当前焦点。
var reg=/['A-Za—z0-9_)/g; //输人正则表达式限制条件

本页地址 http://www.jybase.net/wangzhanbiancheng/20120508911.html

百度搜索更多

谷歌搜索更多

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------

评价:
昵称: 验证码:点击我更换图片
推荐内容
赞助商
赞助商


关于本站免责声明视频更新google百度地图视频地图RRS订阅

如有什么问题请在本站留言,或发邮件到 hxt167#foxmail.com