HTML用正则表达式检验表格的实例代码

时间：2025-11-16 10:25:31 网页设计

HTML用正则表达式检验表格的实例代码

　　文章主要介绍了HTML用正则表达式检验表格的实例代码，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下，就跟随百分网小编一起去了解下吧，想了解更多相关信息请持续关注我们应届毕业生考试网!

　　HTML用正则表达式检验表格的实例代码，具体代码内容如下所示：

　　<span style="font-size:24px;color:#cc6600;"> 正则表达式在JavaScript脚本中是很好用的检验语法规则的方法。但是与Java中的正则表达式有所不同。它需要在regex规则上以“^”开始，以"$"结束。</span>

　　<span style="font-size:24px;color:#cc6600;">以下让我们看看一个实例。</span>

　　<head>

　　<title>Title</title>

　　<style>

　　form table tr td{

　　border: 1px solid lightgrey;

　　text-align: center;

　　}

　　form table tr td input{

　　width: 97%;

　　}

　　</style>

　　/pic/p>

　　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;

　　}

　　/pic/p>

　　var regex = /^(?!(?:\d+|[a-zA-Z]+|[\da-z]+|[\dA-Z])$)[\da-zA-Z]{6,}$/;

　　/pic/^[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}$/;/pic/p>

　　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;

　　}

　　/pic/p>

　　var regex4 = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;

　　if (!regex4.test(email.value)){

　　alert("邮箱不符合规定");

　　email.focus()

　　email.value="";

　　return;

　　}

　　</script>

　　</head>

　　<body>

　　<form>

　　<tr>

　　<td width="50%">长度大于八位</td>

　　</tr>

　　<tr>

　　<td>长度大于十位，包含字母数字</td>

　　</textarea></td>

　　</tr>

　　<tr>

　　</tr>

　　<tr>

　　<td>身份证号码:</td>

　　<td>15位或18位最后一个是X</td>

　　</tr>

　　<tr>

　　<td>格式xxxx-xxxxxxx</td>

　　</tr>

　　<tr>

　　</tr>

　　<tr>

　　</tr>

　　<tr>

　　</select></td>

　　</select></td>

　　</tr>

　　<tr>

　　</tr>

　　</table>

　　</form>

　　</body>

　　</html></span>

　　附:一些常使用的规则：

　　"^\\d+$"　　/pic/p>

　　"^[0-9]*[1-9][0-9]*$"　　/pic/p>

　　"^((-\\d+)|(0+))$"　　/pic/p>

　　"^-[0-9]*[1-9][0-9]*$"　　/pic/p>

　　"^-?\\d+$"　　　　/pic/p>

　　"^\\d+(\\.\\d+)?$"　　/pic/p>

　　"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"　　/pic/p>

　　"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"　　/pic/p>

　　"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　　/pic/p>

　　"^(-?\\d+)(\\.\\d+)?$"　　/pic/p>

　　"^[A-Za-z]+$"　　/pic/p>

　　"^[A-Z]+$"　　/pic/p>

　　"^[a-z]+$"　　/pic/p>

　　"^[A-Za-z0-9]+$"　　/pic/p>

　　"^\\w+$"　　/pic/p>

　　"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"　　　　/pic/p>

　　"^[a-zA-z]+:/pic/pic/p>

【HTML用正则表达式检验表格的实例代码】相关文章：

正则表达式过滤HTML危险脚本的实例12-05