100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js表单验证实现代码

js表单验证实现代码

时间:2024-02-02 16:41:33

相关推荐

js表单验证实现代码

web前端|js教程

javascript,代码,实现

web前端-js教程

本文主要和大家分享js表单验证实现代码,运用了正则表达式,进行匹配。希望能帮助到大家。

asp礼品购物网站源码,vscode没有语法检查,ubuntu 修改mtu,tomcat添加路径设置,sqlite读取单个数据库,下列数据中能被网络爬虫抓取的是,php redis测试,怎样撰写原创内容seo,健康养生网站模板,dedecms5.7环保科技公司网站模板lzw

javascript的17种正则表达式

排列五源码,ubuntu用户目录加密,启动tomcat服务器超时,爬虫博览会,表单跳转php显示没有驱动,seo客户教学lzw

"^\\d+$"//非负整数(正整数 + 0) "^[0-9]*[1-9][0-9]*$"//正整数 "^((-\\d+)|(0+))$"//非正整数(负整数 + 0) "^-[0-9]*[1-9][0-9]*$"//负整数 "^-?\\d+$"//整数 "^\\d+(\\.\\d+)?$"//非负浮点数(正浮点数 + 0) "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"//正浮点数"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"//非正浮点数(负浮点数 + 0) "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"//负浮点数"^(-?\\d+)(\\.\\d+)?$"//浮点数 "^[A-Za-z]+$"//由26个英文字母组成的字符串 "^[A-Z]+$"//由26个英文字母的大写组成的字符串 "^[a-z]+$"//由26个英文字母的小写组成的字符串 "^[A-Za-z0-9]+$"//由数字和26个英文字母组成的字符串 "^\\w+$"//由数字、26个英文字母或者下划线组成的字符串 "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"//email地址 "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"//url

当然也可以通过使用JQurey插件实现,我们为了体现实现的过程。

myicq源码,ubuntu睡眠怎么唤醒,爬虫找不到data,php 12142,seo原理课程lzw

中间的表单应该使用标签来定位,而不是使用p,这样出现的不美观,不能统一牌面。

*{margin: 0px;padding: 0px;}h4{background-color: aquamarine;width: 100%;}a{color: red;}p{margin-left: 300px;}function nameve(){var name=document.getElementById("name");var name1=document.getElementById("name1");var verify=name.value;if(verify==""){name1.innerHTML="账号不能为空";name1.style.color="red";}if((verify.length0)||verify.length>16){name1.innerHTML="长度过长或过短";name1.style.color="red";}if(verify.length>=4&&verify.length<=16){name1.innerHTML="格式正确";name1.style.color="green";}}function passve(){var name=document.getElementById("pass");var name1=document.getElementById("pass1");var verify=name.value;if(verify==""){name1.innerHTML="密码不能为空";name1.style.color="red";}if((verify.length0)||verify.length>16){name1.innerHTML="长度过长或过短";name1.style.color="red";}if(verify.length>=6&&verify.length<=16){name1.innerHTML="格式正确";name1.style.color="green";}}function passwordve(){var name=document.getElementById("password");var name1=document.getElementById("password1");var pass=document.getElementById("pass");var verify=name.value;var verify1=pass.value;if(verify==verify1){name1.innerHTML="正确";name1.style.color="green";} else{ name1.innerHTML="两次输入的密码不一致"; name1.style.color="red"; }}function ageve(){var age0=/^((19\d{2})|(20\d{2}))--(0?[1-9]|1[0-2])--(0?[1-9]|[1-2]\d|3[0-1])$/;var age=document.getElementById("age").value;var age1=document.getElementById("age1");if(age0.test(age)==true){age1.innerHTML="正确";age1.style.color="green";}else{age1.innerHTML="格式错误"; age1.style.color="red";}}function emave(){var ema0=/^\w+@\w+.[A-Za-z]{2,3}(.[A-Za-z]{2,3})?$/;var ema=document.getElementById("ema").value;var ema1=document.getElementById("ema1");if(ema0.test(ema)==true){ema1.innerHTML="正确";ema1.style.color="green";}else{ema1.innerHTML="格式错误"; ema1.style.color="red";}}function telve(){var tel0=/^1\d{10}$/;var ema=document.getElementById("tel").value;var ema1=document.getElementById("tel1");if(tel0.test(ema)==true){ema1.innerHTML="正确";ema1.style.color="green";}else{ema1.innerHTML="格式错误"; ema1.style.color="red";}}

*为必填内容

你的账号信息

*昵称:

英文字符,数字或者下划线,长度为4-16个字符

*密码:

6-16个字符组成

*重新输入密码:

你的个人信息

*出生年月:

日期格式yyyy--mm--dd

*性别:男女

*电子邮件:

*电话号码:

所在地区

国家:中华人民共和国美国

省份:河南省河北省

相关服务条例

服务条款

js表单验证实例讲解_javascript技巧

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。