PHP 개발 등록 페이지 확인 정보

먼저 등록 페이지를 살펴보겠습니다

위 그림을 보면 사용자가 사용자 이름, 비밀번호, 인증 코드를 입력하지 않고 등록하는 경우 이 세 가지 항목이 허용되지 않음을 알 수 있습니다. , 사용자의 비밀번호와 확인 비밀번호가 두 번 다르게 입력되는 경우가 있습니다. 이 항목도 우리의 확인 범위입니다.

먼저 <form> 양식에 JS 이벤트를 추가해야 합니다. 이런 식으로 사용자가 양식을 제출하면 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中文网</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>

제출하다 코드 재설정

자동운전