客户端验证用户名和密码的方法详解


Posted in Javascript onJune 16, 2016

1.概述

在动态网站的用户注册页面中,经常需要对用户输入的用户名和密码的位数及成员组成进行判断,这样可以规范用户的注册信息。例如本实例,要求用户名由3-10位的字母、数字和下划线组成,密码由6-20位的字母、数字、下划线和点“.”组成并且首字符为字母,这时就需要对用户的输入进行判断,因此笔者编写了两个函数,分别用于验证用户输入的用户名和密码是否合法。

2.技术要点

验证用户名是否由3-10位的字母、数字和下划线组成的正则表达式如下:

/^(\w){3,10}$/

验证密码是否由6-20位的字母、数字、下划线和点“.”组成的正则表达式如下:

/^[A-Za-z]{1}([A-Za-z0-9]|[._]){5,19}$/

3.具体实现代码

(1)使用JavaScript编写一个用于验证用户名是否合法的函数checkeusername (),该函数只有一个参数username,用于获取输入的用户名,返回值为true或false。代码如下:

<script language="javascript">
function checkeusername(username){
var str=username;
//在JavaScript中,正则表达式只能使用"/"开头和结束,不能使用双引号
var Expression=/^(\w){3,10}$/; 
var objExp=new RegExp(Expression); //创建正则表达式对象
if(objExp.test(str)==true){ //通过正则表达式验证
return true;
}else{
return false;
}
}
</script>

(2)使用JavaScript编写一个用于验证密码是否合法的函数checkePWD(),该函数只有一个参数PWD,用于获取输入的密码,返回值为true或false。代码如下:

<script language="javascript">
function checkePWD(PWD){
var str=PWD;
//在JavaScript中,正则表达式只能使用"/"开头和结束,不能使用双引号
var Expression=/^[A-Za-z]{1}([A-Za-z0-9]|[._]){5,19}$/; 
var objExp=new RegExp(Expression); //创建正则表达式对象
if(objExp.test(str)==true){ //通过正则表达式验证
return true;
}else{
return false;
}
}
</script>

(3)调用checkeusername()函数和checkePWD()函数分别判断用户输入的用户名和密码是否合法,如果不合法,将给予提示信息。关键代码如下:

<script language="javascript">
function check(myform){
if(myform.username.value==""){
alert("请输入用户名!");myform.username.focus();return;
}
if(!checkeusername(myform.username.value)){
alert("您输入的用户名不合法!");myform.username.focus();return;
}
if(myform.PWD.value==""){
alert("请输入密码!");myform.PWD.focus();return;
}
if(!checkePWD(myform.PWD.value)){
alert("您输入的密码不合法!");myform.PWD.focus();return;
}
if(myform.PWD1.value==""){
alert("请确认密码!");myform.PWD1.focus();return;
}
if(myform.PWD1.value!=myform.PWD.value){
alert("您两次输入的密码不一致,请重新输入!");myform.PWD.focus();return;
}
myform.submit();
}
</script>

以上所述是小编给大家介绍的客户端验证用户名和密码的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
ExtJS下grid的一些属性说明
Dec 13 Javascript
jquery得到iframe src属性值的方法
Sep 25 Javascript
纯javascript制作日历控件
Jul 17 Javascript
jQuery实现右下角可缩放大小的层完整实例
Jun 20 Javascript
最全的Javascript编码规范(推荐)
Jun 22 Javascript
Thinkphp5微信小程序获取用户信息接口的实例详解
Sep 26 Javascript
Javascript中从学习bind到实现bind的过程
Jan 05 Javascript
JS中Map和ForEach的区别
Feb 05 Javascript
详解vue项目中调用百度地图API使用方法
Apr 25 Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
Apr 26 Javascript
vue 实现 rem 布局或vw 布局的方法
Nov 13 Javascript
微信小程序实现左滑删除效果
Nov 18 Javascript
检查表单元素的值是否为空的实例代码
Jun 16 #Javascript
jQuery使用each方法与for语句遍历数组示例
Jun 16 #Javascript
基于JS代码实现实时显示系统时间
Jun 16 #Javascript
JavaScript代码实现图片循环滚动效果
Mar 19 #Javascript
jquery插件格式实例分析
Jun 16 #Javascript
详解JavaScript对象类型
Jun 16 #Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
Jun 16 #Javascript
You might like
解析PHP强制转换类型及远程管理插件的安全隐患
2014/06/30 PHP
PHP registerXPathNamespace()函数讲解
2019/02/03 PHP
JS验证身份证有效性示例
2013/10/11 Javascript
JS简单的图片放大缩小的两种方法
2013/11/11 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
nodejs npm install全局安装和本地安装的区别
2014/06/05 NodeJs
js拼接html注意问题示例探讨
2014/07/14 Javascript
JavaScript调用客户端Java程序的方法
2015/07/27 Javascript
jQuery 中的 DOM 操作
2016/04/26 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
2016/07/10 Javascript
angularjs中ng-attr的用法详解
2016/12/31 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
2017/05/18 Javascript
nodeJs实现基于连接池连接mysql的方法示例
2018/02/10 NodeJs
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
2019/10/30 Javascript
JS三级联动代码格式实例详解
2019/12/30 Javascript
python在命令行下使用google翻译(带语音)
2014/01/16 Python
Python使用代理抓取网站图片(多线程)
2014/03/14 Python
Python实现类似jQuery使用中的链式调用的示例
2016/06/16 Python
django1.11.1 models 数据库同步方法
2018/05/30 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
idealfit英国:世界领先的女性健身用品和运动衣物品牌
2017/11/25 全球购物
娱乐地球:Entertainment Earth
2020/01/08 全球购物
数据库面试要点基本概念
2013/10/31 面试题
机械个人求职信范文
2014/01/24 职场文书
《问银河》教学反思
2014/02/19 职场文书
党员教师工作决心书
2014/03/13 职场文书
敬老院标语
2014/06/27 职场文书
小学生春游活动方案
2014/08/20 职场文书
捐助感谢信
2015/01/22 职场文书
2015年三万活动总结
2015/03/25 职场文书
离婚起诉书范文2015
2015/05/19 职场文书
数学备课组工作总结
2015/08/12 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
CSS3 制作的悬停缩放特效
2021/04/13 HTML / CSS
python 中[0]*2与0*2的区别说明
2021/05/10 Python
python中如何对多变量连续赋值
2021/06/03 Python