web前端|js教程
表单验证正则表达式,表单验证正则
web前端-js教程
表单验证正则表达式具体内容如下所示：
md5网站源码,vscode联机,ubuntu怎么安装qt,idel tomcat,sqlite 修改列,企业网络服务器需求,采矿的插件,jfinal 前端ui框架,webkit爬虫,tz.php,湖南seo专员,一个数据库装一个网站一个dz,php公司网页后台管理,织梦三合一模板,jquery 页面切换效果,vb信息管理系统简单实例,数字图像处理mfc源程序lzw
首先给大家解释一些符号相关的意义
网页版office源码,ubuntu列出通道命令,大爬虫视频大全,读取php,SEO优惠化lzw
1. /^$/ 这个是个通用的格式。
小程序源码 物流,vscode怎么出现小灯泡,ubuntu切换内核,tomcat怎么配idea,js网站爬虫,php debug 开启,seo新手入门教学优化,网站添加支付宝功能,织梦cms官网模板pc手机lzw
^ 匹配输入字符串的开始位置；$匹配输入字符串的结束位置
2. 里面输入需要实现的功能。
* 匹配前面的子表达式零次或多次；
+ 匹配前面的子表达式一次或多次；
？匹配前面的子表达式零次或一次；
\d 匹配一个数字字符，等价于[0-9]
下面通过一段代码给大家分析表单验证正则表达式，具体代码如下：
正则验证常用表单方法function focus_username() {var resultObj=document.getElementById(
esult_username);resultObj.innerHTML="以字母开头的-位的字符";resultObj.style.color="blue";document.form.username.style="border:px solid red"; } // function blur_username () { //第一种方法： // var resultObj=document.getElementById(
esult_username)// if (document.form.username.value==\) { // resultObj.innerHTML="用户名不能为空"; // resultObj.style.color="red"; // return false; // }else if (document.form.username.value.length) { // resultObj.innerHTML="用户名字符长度必须介于到个之间"; // resultObj.style.color="red"; // return false; // }else{ // resultObj.innerHTML="ok"; // resultObj.style.color="green"; // } // } function blur_username () {//第二种方法：var resultObj=document.getElementById(
esult_username)var pre=document.form.username.value;var reg=/^[a-zA-Z]\w{,}$/;if (pre==\) { resultObj.innerHTML="(必填项)用户名不能为空"; resultObj.style.color="red"; return false;}else if (!reg.test(pre)) { resultObj.innerHTML="用户名字符输入不合法"; resultObj.style.color="red"; return false;}else{ resultObj.innerHTML="ok"; resultObj.style.color="green"; return true;} } function focus_userpwd() { var resultObj=document.getElementById(
esult_userpwd); resultObj.innerHTML="(必填项)介于-位的非特殊字符"; resultObj.style.color="blue"; document.form.userpwd.style="border:px solid red"; } // function blur_userpwd () { // var resultObj=document.getElementById(
esult_userpwd)// if (document.form.userpwd.value==\) { // resultObj.innerHTML="用户名密码不能为空"; // resultObj.style.color="red"; // return false; // }else if (document.form.userpwd.value.length) { // resultObj.innerHTML="用户名密码字符长度必须介于到个之间"; // resultObj.style.color="red"; // return false; // }else{ // resultObj.innerHTML="ok"; // resultObj.style.color="green"; // return true; // } // } function blur_userpwd () { var resultObj=document.getElementById(
esult_userpwd)var pre=document.form.userpwd.value;var reg=/^\w{,}$/; if (pre==\) {resultObj.innerHTML="(必填项)用户名密码不能为空";resultObj.style.color="red";return false;}else if (!reg.test(pre)) { resultObj.innerHTML="用户名密码字符输入不合法"; resultObj.style.color="red"; return false;}else{ resultObj.innerHTML="ok"; resultObj.style.color="green"; return true;} } function focus_userpwd() { var resultObj=document.getElementById(
esult_userpwd); resultObj.innerHTML="(必填项)介于-位的非特殊字符"; resultObj.style.color="blue"; document.form.userpwd.style="border:px solid red"; } // function blur_userpwd () { // var resultObj=document.getElementById(
esult_userpwd)// if (document.form.userpwd.value==\) { // resultObj.innerHTML="用户名密码不能为空"; // resultObj.style.color="red"; // return false; // }else if (document.form.userpwd.value!=document.form.userpwd.value) { // resultObj.innerHTML="两次用户名密码输入不一致"; // resultObj.style.color="red"; // return false; // }else{ // resultObj.innerHTML="ok"; // resultObj.style.color="green"; // return true; // } // }function blur_userpwd () {var resultObj=document.getElementById(
esult_userpwd) var pre=document.form.userpwd.value;var reg=/^\w{,}$/;if (pre==\) { resultObj.innerHTML="(必填项)用户名密码不能为空"; resultObj.style.color="red"; return false;}else if (!reg.test(pre)) { resultObj.innerHTML="用户名密码字符输入不合法"; resultObj.style.color="red"; return false; }else if(document.form.userpwd.value!=document.form.userpwd.value){ resultObj.innerHTML="两次用户名密码输入不一致"; resultObj.style.color="red"; return false; }else {resultObj.innerHTML="ok"; resultObj.style.color="green"; return true; } } function focus_Mobile() {var resultObj=document.getElementById(
esult_Mobile);resultObj.innerHTML="请输入你位数的手机号码";resultObj.style.color="blue";document.form.Mobile.style="border:px solid red"; }function blur_Mobile() { var resultObj=document.getElementById(
esult_Mobile)var pre=document.form.Mobile.value;var reg=/^[||][-]{}$/;if (pre==\) { resultObj.innerHTML="手机号码不能为空"; resultObj.style.color="red"; }else if (!reg.test(pre)) { resultObj.innerHTML="手机号码字符输入不合法"; resultObj.style.color="red"; }else {resultObj.innerHTML="ok";resultObj.style.color="green"; } } function focus_Tel() {var resultObj=document.getElementById(
esult_Tel);resultObj.innerHTML="请输入你的座机号码";resultObj.style.color="blue";document.form.Tel.style="border:px solid red"; }function blur_Tel() { var resultObj=document.getElementById(
esult_Tel)var pre=document.form.Tel.value;var reg=/^{}[-]{,}\-[]?[-]{}$/;if (pre==\) { resultObj.innerHTML="座机号码不能为空"; resultObj.style.color="red";}else if (!reg.test(pre)) { resultObj.innerHTML="座机号码字符输入不合法"; resultObj.style.color="red";}else {resultObj.innerHTML="ok";resultObj.style.color="green"; } } function focus_mail() {var resultObj=document.getElementById(
esult_mail);resultObj.innerHTML="请输入你的邮箱号码";resultObj.style.color="blue";document.form.mail.style="border:px solid red"; }function blur_mail() { var resultObj=document.getElementById(
esult_mail);var pre=document.form.mail.value;var reg=/^[a-zA-Z-][a-zA-Z-\._]+@[a-z-]+\.(com)(\.(cn))?$/;if (pre==\) { resultObj.innerHTML="邮箱号码不能为空"; resultObj.style.color="red";}else if (!reg.test(pre)) { resultObj.innerHTML="邮箱号码字符输入不合法"; resultObj.style.color="red";}else {resultObj.innerHTML="ok";resultObj.style.color="green";} } function focus_ID() {var resultObj=document.getElementById(
esult_ID);resultObj.innerHTML="(必填项)请输入你位的二代身份证号码";resultObj.style.color="blue";document.form.ID.style="border:px solid red"; }function blur_ID() { var resultObj=document.getElementById(
esult_ID);var pre=document.form.ID.value;var reg=/^[-]{}[-x]$/;if (pre==\) { resultObj.innerHTML="(必填项)二代身份证号码字符不能为空"; resultObj.style.color="red"; return false;}else if (!reg.test(pre)) { resultObj.innerHTML="二代身份证号码字符输入不合法"; resultObj.style.color="red"; return false;}else {resultObj.innerHTML="ok";resultObj.style.color="green";return true;} } function checkForm(){var flag_username=blur_username();var flag_userpwd=blur_userpwd();var flag_userpwd=blur_userpwd();var flag_ID=blur_ID(); if (flag_username==true&&flag_userpwd==true&&flag_userpwd==true&&flag_ID==true) { return true;}else{return false;} } body{background-image: url(images/.jpg);background-size: cover;} table{margin-left: px;margin-top: px;background-image: url(images/.jpg);background-size: cover;box-shadow: px px px #C} .vip{font-size: px;}
以上内容就是本文给大家介绍表单验证正则表达式实例代码详解的全部叙述，希望大家喜欢。
如果觉得《表单验证正则表达式实例代码详解【javascript】》对你有帮助，请点赞、收藏，并留下你的观点哦！
