介绍
这篇文章主要为大家展示了HTML中怎么用正则表达式实现表格验证,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“HTML中怎么用正则表达式实现表格验证”这篇文章吧。
HTML有什么特点
1,简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证只 3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
HTML用正则表达式检验表格的实例代码:
& lt; span 风格=白痔宕笮?24 px;颜色:# cc6600;“祝辞,正则表达式在JavaScript脚本中是很好用的检验语法规则的方法。但是与Java中的正则表达式有所不同。它需要在正则表达式规则上以“^”开始,以“美元“结束。;/span>
& lt; span 风格=白痔宕笮?24 px;颜色:# cc6600;“在以下让我们看看一个实例。;/span>
& lt; span 风格=白痔宕笮?18 px;“祝辞& lt; ! DOCTYPE html>,, & lt; html  lang=癳n"祝辞,, & lt; head>,, ,,,& lt; meta charset=癠TF-8"祝辞,, ,,,& lt; title> Title,, ,,,& lt; style>,, ,,,,,,,form table tr td {,, ,,,,,,,,,,,边界:,1 px solid lightgrey;,, ,,,,,,,,,,,text-align:,中心,,, ,,,,,,,},, ,,,,,,,form table tr td 输入{,, ,,,,,,,,,,,宽度:,97%;,, ,,,,,,,},, ,,,& lt;/style>,, ,,,& lt; script 语言=癑avaScript",类型=拔谋?JavaScript"祝辞,, ,,,,,,,//判断规则(正则表达式),, ,,,function 转到(),{,, ,,,,var name =, . getelementbyid (“name");,, ,,,,var pwd =, . getelementbyid (“pwd");,, ,,,,var pwd2 =, . getelementbyid (“pwd2");,, ,,,,var pnum =, . getelementbyid (“pnum");,, ,,,,var phone =, . getelementbyid (“phone");,, ,,,,var telephone =, . getelementbyid (“telephone");,, ,,,,var email =, . getelementbyid (“email");,, ,,,,,,,if (name.value.trim () .length<=8) {,, ,,,,,,,,,,,警报(“用户名长度必须大于八位“),,, ,,,,,,,,,,,name.focus (),, ,,,,,,,,,,,name.value=https://www.yisu.com/zixun/"; 返回; }//规则必须包括大小写字母,数字 var/regex=^ (? ! (?: \ d + | [a-zA-Z] + | [\ da-z] + | [\ da-z]) $) [\ da-zA-Z] {6} $/;//var regex=^ [A-z0-9] {10 20} $/; 如果(! pwd.value.match(正则表达式)){ alert("密码不符合规定”); pwd.focus () pwd.value=" "; 返回; } 如果(pwd)。价值!=pwd2.value) { alert("两次输入的密码不相同”); pwd2.focus () pwd.value=" "; pwd2.value=" "; 返回; } var rege说=X/^ \ d {17} $ | ^ \ d {15} $/; 如果(! rege.test (pnum.value)) { alert("身份证不符合规定”); pnum.focus () pnum.value=" "; 返回; } var regex2=/^ \ d {4} - \ d{7} $/;//判断座机号 如果(! regex2.test (phone.value)) { alert("座机号码不符合规定”); phone.focus () phone.value=" "; 返回; } var regex3=/^ 1 (3、5、7、8) \ d {9} $/; 如果(! regex3.test (telephone.value)) { alert("手机号码不符合规定”); telephone.focus () telephone.value=" "; 返回; }//测试方法必须用反斜杠转义 var regex4=/^ \ w + ([- +。] \ w +) * @ \ w + ([-] \ w +) * \ \ w + ([-] \ w +) * $/; 如果(! regex4.test (email.value)) { alert("邮箱不符合规定”); email.focus () email.value=" "; 返回; } }> 脚本> 头 身体<> <>形式 <表风格="宽度:600 px;高度:300 px;边界:1 px固体lightgrey”>登录名: <输入id="名称" type=" text "> 长度大于八位 登录密码: HTML中怎么用正则表达式实现表格验证