国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

PHP開発登録ページの検証情報

まず登録ページを見てみましょう

reg.jpg


上の図から、ユーザーがユーザー名、パスワード、確認コードを入力せずに登録した場合、これら 3 つの項目を入力する必要がないことがわかります。ユーザーのパスワードと確認パスワードが 2 回異なるように入力されていますが、これは私たちの検証範囲でもあります。


まず、<form> フォームに JS イベントを追加する必要があります。このようにして、ユーザーがフォームを送信すると、JS イベントがトリガーされます

<form action="" method="post"  name="myform" onsubmit=" return checkinput();" >

ユーザーが間違った情報を入力すると、JS イベントがトリガーされ、関連するプロンプト情報が表示されます。


検証完了コードは次のとおりです

<script type="text/javascript">
    function checkinput()
    {
        if(myform.name.value=="")
        {
            alert("請輸入用戶名");
            myform.name.focus();
            return false;
        }
        if (myform.pwd.value=="")
        {
            alert("請輸入密碼");
            myform.pwd.focus();
            return false;
        }
        if(myform.pwd.value != myform.pwdconfirm.value){
            alert("你輸入的兩次密碼不一致,請重新輸入!");
            myform.pwd.focus();
            return false;
        }
        if (myform.yzm.value=="")
        {
            alert("請輸入驗證碼");
            myform.yzm.focus();
            return false;
        }
    }
</script>


學び続ける
||
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)</title> <script type="text/javascript"> function checkinput() { if(myform.name.value=="") { alert("請輸入用戶名"); myform.name.focus(); return false; } if (myform.pwd.value=="") { alert("請輸入密碼"); myform.pwd.focus(); return false; } if(myform.pwd.value != myform.pwdconfirm.value){ alert("你輸入的兩次密碼不一致,請重新輸入!"); myform.pwd.focus(); return false; } if (myform.yzm.value=="") { alert("請輸入驗證碼"); myform.yzm.focus(); return false; } } </script> </head> <body> <form action="" method="post" name="myform" onsubmit=" return checkinput();" > <div class="container"> <div class="right"> <h2>用戶注冊</h2> <p>用 戶 名:<input type="text" name="name" id="name"></p> <p>密  碼: <input type="password" name="pwd" id="pwd"></p> <p>確認密碼: <input type="password" name="pwdconfirm" id="pwdconfirm"></p> <p>驗 證 碼:<input type="text" name="yzm" id="yzm"> <img src="yanzhengma.php" onClick="this.src='yanzhengma.php?nocache='+Math.random()" style="cursor:hand"></p> <p><button type="submit" value="注冊" >立即注冊</button></p> </div> </div> </form> </body> </html>