Exemple de code HTML pour vérifier les tableaux à l'aide d'expressions régulières-tutoriel HTML-php.cn

Exemple de code HTML pour vérifier les tableaux à l'aide d'expressions régulières

高洛峰

Libérer： 2017-02-10 10:16:31

original

1389 Les gens l'ont consulté

Cet article présente principalement l'exemple de code d'utilisation d'expressions régulières pour vérifier les tableaux en HTML. Le code est simple et facile à comprendre, très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer

Laissez-moi partager avec vous le code HTML. L'exemple de code de la table de vérification des expressions régulières, le contenu spécifique du code est le suivant :

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

Copier après la connexion

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

Copier après la connexion

<span style="font-size:18px;"><!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Title</title>  
    <style>  
        form table tr td{  
            border: 1px solid lightgrey;  
            text-align: center;  
        }  
        form table tr td input{  
            width: 97%;  
        }  
    </style>  
    <script language="JavaScript" type="text/javascript">  
        //判断规则（正则表达式）  
    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;  
        }  
    }  
    </script>  
</head>  
<body>  
<form>  
    <table style="width:600px;height: 300px;border: 1px solid lightgrey">  
        <tr>  
            <td width="18%">登录名:</td>  
            <td><input id="name"type="text"></td>  
            <td width="50%">长度大于八位</td>  
        </tr>  
        <tr>  
            <td>登录密码:</td>  
            <td><input   id="pwd"type="password"></td>  
            <td>长度大于十位，包含字母数字</td>  
        </textarea></td>  
        </tr>  
        <tr>  
            <td>确认密码:</td>  
            <td><input id="pwd2" type="password"></td>  
        </tr>  
        <tr>  
            <td>身份证号码:</td>  
            <td><input  id="pnum" type="text"></td>  
            <td>15位或18位最后一个是X</td>  
        </tr>  
        <tr>  
            <td>固定电话:</td>  
            <td><input   id="phone"type="text"></td>  
            <td>格式xxxx-xxxxxxx</td>  
        </tr>  
        <tr>  
            <td>手机号码:</td>  
            <td><input   id="telephone"type="text"></td>  
            <td>11位整数</td>  
        </tr>  
        <tr>  
            <td>电子邮件:</td>  
            <td><input   id="email"type="text"></td>  
            <td>xxxx@xxx.xxx  xxx@xxx.xxx.xx</td>  
        </tr>  
        <tr>  
            <td>现居住地:</td>  
            <td><select>  
                <option>--选择省份--</option>  
                <option>北京</option>  
                <option>河北</option>  
                <option>广西</option>  
            </select></td>  
            <td><select>  
                <option>--选择城市--</option>  
                <option>烟台</option>  
                <option>青岛</option>  
                <option>哈尔滨</option>  
            </select></td>  
        </tr>  
        <tr>  
            <td colspan="1"></td>  
            <td><input id="submit" type="button" value="提交注册信息" style="width: 100px" onclick="goto()"></td>  
            <td><input type="reset" value="重置" style="width: 60px"></td>  
        </tr>  
    </table>  
</form>  
</body>  
</html></span>

Copier après la connexion

Pièce jointe : Quelques règles couramment utilisées :

"^ \d $" //Entiers non négatifs (entier positif 0)

"^[0-9]*[1-9][0-9]*$" // Entier positif

"^((( -\d )|(0 ))$" //Entier non positif (entier négatif 0)

"^-[0- 9]*[1-9][0-9]* $" //Entier négatif

"^-?\d $" //Entier

" ^\d (\.\d )?$" // Nombre à virgule flottante non négatif (nombre à virgule flottante positif 0)

"^(([0-9] \.[0- 9]*[1-9][0-9]*)|( [0-9]*[1-9][0-9]*\.[0-9] )|([0-9]* [1-9][0-9]*))$" // Nombre à virgule flottante positif

"^((-\d (\.\d )?)|(0 (\ .0 )?))$" //Nombre à virgule flottante non positif (nombre à virgule flottante négatif 0)

"^(-(([0-9] \.[0-9] *[1-9][0-9]*)|([0-9]* [1-9][0-9]*\.[0-9] )|([0-9]*[1 -9][0-9]*)))$" //Nombre à virgule flottante négatif

"^(-?\d )(\.\d )?$" // Virgule flottante nombre

"^[A-Za-z] $" // Une chaîne composée de 26 lettres anglaises

"^[A-Z] $" // Une chaîne composée de 26 lettres anglaises majuscules

"^[ a-z] $" //Une chaîne composée de 26 lettres anglaises minuscules

"^[A-Za-z0- 9] $" //Une chaîne composée de chiffres et de 26 lettres anglaises. String

"^\w $" //Une chaîne composée de chiffres, de 26 lettres anglaises ou de traits de soulignement

"^[\w-] (\ .[\w-] )*@[\w-] (\.[\w-] ) $"　　 //adresse e-mail

"^[a-zA-z] :// (\w (-\w )*)(\.(\w (-\w )*))*(\?\S*)?$"　 //url

Ce qui précède est celui de l'éditeur. J'aimerais vous présenter l'exemple de code HTML utilisant des expressions régulières pour vérifier les tableaux. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message. et l'éditeur vous répondra à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour des articles plus pertinents sur des exemples HTML d'utilisation d'expressions régulières pour vérifier les tableaux, veuillez faire attention au site Web PHP chinois !