`

(正则表达式)表单验证

 
阅读更多


//获取DOM对象
function e(str){
    return document.getElementById(str);
}

//动态添加有样式的内容
//ok_prompt 为提示文字验证正确的className
//error_prompt  为提示文字验证错误时className
//import_prompt  为提示文字提示时className

function appendHtml(obj,str,className){
    obj.innerHTML = str;
    obj.className = className;
}
//验证表单
function checkForm(){
//方法1:	
/*if(checkUserName()&checkPwd()&checkRepwd()&checkNickName()&checkTel()&checkEmail()){
		return true;	
	}else{
		return false;
	}*/
//方法2:
	 var ids  = ["checkUserName()","checkPwd()","checkRepwd()","checkNickName()","checkTel()","checkEmail()"];
    var sum = 0;
    for(var i = 0; i<ids.length ;i++){
        if ( eval(ids[i]) ){
			sum++;
		}
    }
    return ids.length == sum ? true : false;
	
}
//获得鼠标时触发的事件
//import_prompt  为提示文字提示时className

function focusShow(inputId,msg){
	appendHtml(e(inputId+"Id"),msg,"import_prompt");

}
//验证用户名输入1、由字母、数字、下划线、点、减号组成<br/>2、只能以数字、字母开头或结尾,且长度为4-18
function checkUserName(){
	var userName = e("userName");
	var reg=/^[a-zA-Z0-9][a-zA-Z0-9\-\._]{2,16}[a-zA-Z0-9]$/;
	if(userName.value==""){
		appendHtml(e("userNameId"),"用户名不能为空!","error_prompt");
		
		//在文本域中设置焦点
		userName.focus();
		
		return false;
		
	}else if(userName.value.match(reg)==null){
		appendHtml(e("userNameId"),"请输入正确的通行证用户名!","error_prompt");
		
		//选取文本域中的内容:
		userName.select();
		
		return false;
		
	}else{
		appendHtml(e("userNameId"),"输入正确!","ok_prompt");
		return true;
	}  
}

//验证密码
function checkPwd(){
   var pwd= e("pwd");
	if(pwd.value==""){
		appendHtml(e("pwdId"),"登录密码不能为空!","error_prompt");
		return false;
	}else if(pwd.value.length<6||pwd.value.length>16){
		appendHtml(e("pwdId"),"密码长度必须为6到16字符!","error_prompt");
		return false;
	}else{
		appendHtml(e("pwdId"),"输入正确!","ok_prompt");
		return true;
	}   
}
//验证重复密码
function checkRepwd(){
	var pwd=e("pwd");
	var repwd=e("repwd");
	var repwdId=e("repwdId");
	if(repwd.value!==pwd.value){
		appendHtml(repwdId,"两次输入的密码不一致!","error_prompt");
		return false
	}else if(repwd.value==""){
		appendHtml(repwdId,"确认密码不能为空!","error_prompt");
		return false;
	}else{
		return true;
	}
}

//验证昵称
function checkNickName(){
	var nickName=e("nickName");	
	var nickNameId=e("nickNameId");
	var reg=/^([\u4e00-\u9fa5]|\w|[!@#$%*])+$/;
	var len=nickName.value.replace(/[\u4e00-\u9fa5]/g,"ab").length;
	if(nickName.value==""){
		appendHtml(nickNameId,"昵称不能为空!","error_prompt");	
		return false;
	}else if(nickName.value.match(reg)==null){
	//如果js中match函数方法没有找到匹配,返回 null。如果找到匹配返回一个数组并且更新全局 RegExp 对象的属性以反映匹配结果。
		appendHtml(nickNameId,"只能由汉字、字母、数字、下划线以及@!#$%&*特殊字符组成!","error_prompt");	
		return false;
	}else if(len<4||len>16){
		appendHtml(nickNameId,"昵称为4-16个字符","error_prompt");
		return false;
	}else{
		appendHtml(nickNameId,"输入正确!","ok_prompt");
		return true;
	}
	
}

//验证手机
function checkTel(){
	var odom=e("tel");
	var omsg=e("telId");
	var reg=/^(13|15|18)\d{9}$/;
	if(odom.value==""){
		appendHtml(omsg,"关联手机号不能为空!","error_prompt");	
		return false;
	}else if(odom.value.match(reg)==null){
		appendHtml(omsg,"关联手机号码输入不正确,请重新输入!","error_prompt");	
		return false;
	}else{
		appendHtml(omsg,"输入正确","ok_prompt");	
		return true;
	}
}
//验证邮箱
function checkEmail(){
     var odom=e("email");
	 var omsg=e("emailId");
	 var reg=/^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/
	 if(odom.value==""){
		appendHtml(omsg,"保密邮箱不能为空!","error_prompt");	
		return false;
	}else if(odom.value.match(reg)==null){
		appendHtml(omsg,"保密邮箱格式不正确,请重新输入!","error_prompt");	
		return false;
	}else{
		appendHtml(omsg,"输入正确","ok_prompt");	
		return true;
	}
}

 
 

  • 大小: 24.8 KB
分享到:
评论

相关推荐

    chromedriver-win64_116.0.5840.0.zip

    chromedriver-win64_116.0.5840.0.zip

    基于Java Servlet实现的灾情控制系统.zip

    该资源内项目源码是个人的课程设计、毕业设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。

    计算机毕业设计-求职与招聘.zip

    计算机毕业设计资源包含(项目部署视频+源码+LW+开题报告等等),所有项目经过助教老师跑通,有任何问题可以私信博主解决,可以免费帮部署。

    【PID优化】粒子群算法和遗传算法自动电压调节器 (AVR) 系统PID控制器优化调整【含Matlab源码 4698期】.zip

    Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主或扫描视频QQ名片; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

    瘢痕挛缩护理规定(医院规章制度管理文件).docx

    瘢痕挛缩护理规定(医院规章制度管理文件).docx

    java课程设计项目:基于SpringBoot的在线订餐系统.zip

    该资源内项目源码是个人的课程设计、毕业设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。

    网页设计特殊的的行为代码

    html网页制作 行为代码 事件效果 特写脚本代码

    chromedriver-win64_116.0.5842.0.zip

    chromedriver-win64_116.0.5842.0.zip

    长亭网络通信基础详情了解word

    长亭网络通信基础详情了解word

    基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本124.0.6344.0)

    资源包括: 1.Java爬虫实战代码 2.selenium学习笔记 3.代码演示视频 4.谷歌浏览器chrom124.0.6344.0 chrome-linux64.zip chrome-mac-arm64.zip chrome-mac-x64.zip chrome-win32.zip chrome-win64.zip 5.谷歌浏览器驱动器Chromedriver124.0.6344.0 chromedriver-linux64.zip chromedriver-mac-arm64.zip chromedriver-mac-x64.zip chromedriver-win32.zip chromedriver-win64.zip 特别说明:Chrome 为测试版(不会自动更新) 仅适用于自动测试。若要进行常规浏览,请使用可自动更新的标准版 Chrome。)

    32位alu设计实验logisim-ma开发笔记

    32位alu设计实验logisim

    常用变量名合集(喜欢请点赞+收藏+转发)

    变量名的命名直接影响到程序的易读性,好的变量名应该简洁、易于理解。 一、单字符变量名 数学中通常用x,y来表示坐标,同样的,在命名变量时,可以使用一些具有特定含义的单个字符。这样的变量名兼具有意义和极简两大优点,作为编程人员应熟记。 具体列举如下。 i、j、k:数值(integer(整数))。 s:字符串(string)。 c:字符(char)。 p:指针(pointer)。 a:数组(array)。 x、y、z:坐标。 l:长度(length)。 n:数字、数量(number)。 二、常用变量名 1.计数器和循环: count:用于计数或记录数量的变量。 i、j、k:常用于循环中的迭代变量,尤其在嵌套循环中。 index:常用于循环或数组中的索引。 loop:表示循环的次数或循环控制变量(相当于前面的i) 2.布尔型变量: flag:用于表示某种状态或条件是否满足。 status:表示状态或结果。 isOpen:表示某个对象或功能是否开启。 isValid:表示某个条件是否有效或成立。 isFound:表示是否找到了某个元素或条件。

    chromedriver-win64_117.0.5938.35.zip

    chromedriver-win64_117.0.5938.35.zip

    chromedriver-win64_119.0.6039.0.zip

    chromedriver-win64_119.0.6039.0.zip

    springboot洗衣店管理系统.rar

    一、顾客功能点: 注册功能:用户可以注册账号,注册成功后可以登录系统。 登录功能:已注册用户可以登录系统,从而管理自己的信息以及进行洗衣预约等功能的使用。 查看与修改个人信息:用户有个人的主页和个人信息展示,允许用户对自己的信息进行修改。 修改密码:用户可以修改自己的密码。 店铺预约与查看:用户可以查看店铺详情并且预约。 洗衣信息管理:用户预约完毕之后可以对自己的预约信息进行查看,并且支付。 订单信息查看:用户可以查看依旧完成的订单信息和进行中的订单。 二、店家功能点: 店铺信息管理:店家可以对店铺信息进行增删改查。 衣服类型管理:店家可以管理自己可以清洗的衣服类型。 洗衣信息管理:店家可以管理用户的预约订单,进行审核和删除订单。 订单信息管理:店家可以管理订单信息,对订单信息的进度进行管理。 三、管理员功能点: 顾客信息管理:管理员可以对所有顾客进行管理,进行增删改查操作。 店家信息管理:管理员可以管理所有的店家,对店家进行增删改查和审核操作。 店铺信息管理:管理员可以管理所有的店铺信息,对店铺进行删改查以及审核操作。 衣服类型管理:管理员可以管理所有的衣服类型,并且进行删除操作

    btstack协议栈实战篇-HID Mouse Classic

    HID Mouse Classic

    主要施工机械实有、完好情况表.docx

    主要施工机械实有、完好情况表.docx

    WTU课设:基于C++和qt的超市商品管理系统.zip

    该资源内项目源码是个人的课程设计、毕业设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。

    java论坛管理系统设计(源代码+论文)

    java论坛管理系统设计(源代码+论文)

    chromedriver-win64_116.0.5845.4.zip

    chromedriver-win64_116.0.5845.4.zip

Global site tag (gtag.js) - Google Analytics