当前位置：网站首页>Page d'inscription du projet Bookstore et vérification de la boîte aux lettres

Page d'inscription du projet Bookstore et vérification de la boîte aux lettres

2022-04-22 12:41:00 【Whlie (True) {learn}】

 

 

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Page d'inscription des membres de sunsilicon Valley</title>
    <link type="text/css" rel="stylesheet" href="../../css/style.css" >
    <script type="text/javascript" src="../../js/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            // Cliquez sur l'événement pour lier le bouton d'inscription 
            $("#sub_btn").click(function () {
                // Vérifier le nom d'utilisateur：Doit être composé de lettres,Composition du soulignement numérique,Et la longueur est5À12Bits
                //1 Obtenir le contenu de la zone d'entrée du nom d'utilisateur
                var username = $("#username").val();
                //2.Règles d'expression régulière
                var namerule = /^\w{5,12}$/;
                //3.Authentification du nom d'utilisateur, Attention à l'ordre. .test(Nom)
                if (!namerule.test(username)){
                    $("span.errorMsg").text("Nom d'utilisateur illégal!");
                    return false;
                }
                // Vérifier le mot de passe：Doit être composé de lettres,Composition du soulignement numérique,Et la longueur est5À12Bits
                //1 Obtenir le contenu de la zone d'entrée du nom d'utilisateur
                var password = $("#password").val();
                //2 Créer un objet d'expression régulière
                var passrule = /^\w{5,12}$/;
                if (!passrule.test(password)){
                    $("span.errorMsg").text("Le mot de passe est illégal!");
                    return false;
                }
                // Vérifier le mot de passe de confirmation：Même mot de passe
                //1 Obtenir le contenu du mot de passe de confirmation
                var  repwd=$("#repwd").val();
                if (repwd!=password){
                    $("span.errorMsg").text("Confirmer que le mot de passe et le mot de passe ne correspondent pas!");
                    return false;
                }
                // Vérification des boîtes aux lettres：[email protected]
                var email = $("#email").val();
                var emailrule = /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/;
                if (!emailrule.test(email)){
                    $("span.errorMsg").text("Format de boîte aux lettres illégal!");
                    return false;
                }
                // Code de vérification：Il suffit maintenant de vérifier que l'utilisateur a entré.
                var code = $("#code").val();
                //Supprimer les espaces avant et après le Code de vérification
                code=$.trim(code);
                if (code==null||code==""){
                    $("span.errorMsg").text("Le Code de vérification ne peut pas être vide!");
                    return false;
                }
                //  Laisser le message d'erreur vide 
                $("span.errorMsg").text("");
            });
        });
    </script>
</head>
<body>
<div id="login_header">
    <img class="logo_img" alt="" src="../../imgs/logo.gif" >
</div>

<div class="login_banner">

    <div id="l_content">
        <span class="login_word">Bienvenue à l'inscription</span>
    </div>

    <div id="content">
        <div class="login_form">
            <div class="login_box">
                <div class="tit">
                    <h1>Inscrivez - vous à sunsilicon Valley</h1>
                    <span class="errorMsg"></span>
                </div>
                <div class="form">
                    <form action="http://localhost:8080">
                        <label>Nom de l'utilisateur：</label>
                        <input class="itxt" type="text" placeholder="Veuillez saisir un nom d'utilisateur"
                               autocomplete="off" tabindex="1" name="username" id="username" />
                        <br />
                        <br />
                        <label>Mot de passe de l'utilisateur：</label>
                        <input class="itxt" type="password" placeholder="Veuillez saisir le mot de passe"
                               autocomplete="off" tabindex="1" name="password" id="password" />
                        <br />
                        <br />
                        <label>Confirmer le mot de passe：</label>
                        <input class="itxt" type="password" placeholder="Confirmer le mot de passe"
                               autocomplete="off" tabindex="1" name="repwd" id="repwd" />
                        <br />
                        <br />
                        <label>E - mail：</label>
                        <input class="itxt" type="text" placeholder="Veuillez saisir l'adresse électronique"
                               autocomplete="off" tabindex="1" name="email" id="email" />
                        <br />
                        <br />
                        <label>Code de vérification：</label>
                        <input class="itxt" type="text" style="width: 150px;" id="code"/>
                        <img alt="" src="../../imgs/code.bmp" style="float: right; margin-right: 40px">
                        <br />
                        <br />
                        <input type="submit" value="Inscription" id="sub_btn" />
                    </form>
                </div>

            </div>
        </div>
    </div>
</div>
<div id="bottom">
			<span>
				Shang Silicon Valley book city.Copyright &copy;2015
			</span>
</div>
</body>
</html>

版权声明
本文为[Whlie (True) {learn}]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204221241158769.html

边栏推荐

猜你喜欢

随机推荐