咱们今儿就聊聊HTML的正则表达式检查表呗~为啥？因为这个小玩意儿能帮忙快速找出表格填写的毛病还看对没对规矩。接下来咱们就好好聊聊这个事儿咯！
正则表达式在JavaScript脚本中是很好用的检验语法规则的方法。但是与Java中的正则表达式有所不同。它需要在regex规则上以“^”开始，以"$"结束。
以下让我们看看一个实例。
首先学习下基本规则很有用。例如，只要有“^\d+$”就可以把所有大于等于0的整数筛选出来了。如果想找到真的正整数，尝试下“^[0-9]*[1-9][0-9]*$”，这个也挺好使的。然后，利用这些小技巧，就能在表格里的验证功能中判断输入的数字是否真的是整数。
Title
form table tr td{
border: 1px solid lightgrey;
text-align: center;
}
form table tr td input{
width: 97%;
}
//判断规则（正则表达式）
function goto() {
var name = document.getElementById("name");
var pwd = document.getElementById("pwd");
var pwd2 = document.getElementById("pwd2");
var pnum = document.getElementById("pnum");
var phone = document.getElementById("phone");
var telephone = document.getElementById("telephone");
var email = document.getElementById("email");
if (name.value.trim().length<=8){
alert("用户名长度必须大于八位");
name.focus()
name.value="";
return;
}
// 规则必须包括大小写字母，数字
var regex = /^(?!(?:d+|[a-zA-Z]+|[da-z]+|[dA-Z])$)[da-zA-Z]{6,}$/;
// var regex = /^[A-z0-9]{10,20}$/;
if ( !pwd.value.match(regex)){
alert("密码不符合规定");
pwd.focus()
pwd.value="";
return;
}
if (pwd.value != pwd2.value){
alert("两次输入的密码不相同");
pwd2.focus()
pwd.value="";
pwd2.value="";
return;
}
var rege=/^d{17}X$|^d{15}$/;
if (!rege.test(pnum.value)){
alert("身份证不符合规定");
pnum.focus()
pnum.value="";
return;
}
var regex2 = /^d{4}-d{7}$/;//判断座机号
if (!regex2.test(phone.value)){
alert("座机号码不符合规定");
phone.focus()
phone.value="";
return;
}
var regex3 = /^1[3,5,7,8]d{9}$/;
if (!regex3.test(telephone.value)){
alert("手机号码不符合规定");
telephone.focus()
telephone.value="";
return;
}
//test方法必须用反斜杠转义
var regex4 = /^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/;
if (!regex4.test(email.value)){
alert("邮箱不符合规定");
email.focus()
email.value="";
return;
}
}
登录名:
长度大于八位
登录密码:
长度大于十位，包含字母数字
确认密码:
身份证号码:
15位或18位最后一个是X
固定电话:
格式xxxx-xxxxxxx
手机号码:
11位整数
电子邮件:
xxxx@xxx.xxx xxx@xxx.xxx.xx
现居住地:
--选择省份--
北京
河北
广西
--选择城市--
烟台
青岛
哈尔滨
来，咱们再谈谈浮点数的事儿。你知道吗?运用这个”^\d+(.d+)?$” 规则，咱就能找到所有的非负浮点数，简单来说，就是那些正的浮点数加个小小的0.至于需要用到正浮点数的情况，也别忘了这套招！这样处理表格数据时，再也不怕输入错误了。
你只知道常用的数字和小数吗？跟我学，正则表达式可不止这个功能！像这句””^[A-Za-z]+$”，就是检查只包含字母的内容；而这句”^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$”，看着就更霸气，是用来找邮箱地址的！只要按规则来操作，表格里输入的数字肯定不会错。
再来学两个字符串规则“^[A-Z]+$”这个格式就是遇到全是大写字母的字符串才满足条件哩；至于“^[a-z]+$”，就是只要有一个小写字母就行！记住这两个方法，下次遇到这些表格填写问题时，就能轻松判定！
还有，咱们可以用这个叫做“正则表达式”的小技巧，来检测网址是否输入正确。比如说，这个”^[a-zA-Z]+://(w+(-w+)*)(.w+(-w+)*)*(?.$?”就专管这块儿。它能在表格里帮你看清楚输入的地址合不合适！
总得来说，就是用这个特殊的工具，可以一眼看出表格里填写的是不是正确，这样咱们就能保证数据准确无误了，也省去不少麻烦事儿。这儿给大家分享的例子代码也许会对你们有点儿帮助！要是还有啥不明白的地方可得告诉我我都会及时回答的。
嘿哥们们，我给大家分享些HTML表单验证的例子，觉得好就赞一个分享！有啥想法随时聊聊，感激不尽，一直以来都很喜欢咱们这个网站！
评论0