Informations de vérification pour la page d'inscription au développement PHP
Jetons d'abord un coup d'?il à notre page d'inscription
De l'image ci-dessus, nous pouvons voir que si le nom d'utilisateur, le mot de passe et le code de vérification de l'utilisateur ne sont pas renseignés dans, l'utilisateur sera enregistré, nous ne l'autorisons pas, ces trois éléments doivent être vérifiés, et le mot de passe de l'utilisateur et le mot de passe de confirmation sont saisis deux fois différemment, ce que nous n'autorisons pas non plus, cet élément est également notre vérification. scope,
Nous devons d'abord ajouter des événements JS à notre formulaire <form>
<form action="" method="post" name="myform" onsubmit=" return checkinput();" >
Pour que si notre utilisateur soumet le formulaire, l'événement js soit déclenché. notre jugement JS
<script type="text/javascript">
function checkinput()
{
if(myform.name.value=="")
{
alert("請(qǐng)輸入用戶名");
myform.name.focus();
return false;
}
if (myform.pwd.value=="")
{
alert("請(qǐng)輸入密碼");
myform.pwd.focus();
return false;
}
if(myform.pwd.value != myform.pwdconfirm.value){
alert("你輸入的兩次密碼不一致，請(qǐng)重新輸入！");
myform.pwd.focus();
return false;
}
if (myform.yzm.value=="")
{
alert("請(qǐng)輸入驗(yàn)證碼");
myform.yzm.focus();
return false;
}
}
</script>Soumettre lorsque les informations renseignées par l'utilisateur sont incorrectes, notre événement JS est déclenché et des informations d'invite pertinentes sont fournies à l'utilisateur
Le code complet pour la vérification est le suivant
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)</title>
<script type="text/javascript">
function checkinput()
{
if(myform.name.value=="")
{
alert("請(qǐng)輸入用戶名");
myform.name.focus();
return false;
}
if (myform.pwd.value=="")
{
alert("請(qǐng)輸入密碼");
myform.pwd.focus();
return false;
}
if(myform.pwd.value != myform.pwdconfirm.value){
alert("你輸入的兩次密碼不一致，請(qǐng)重新輸入！");
myform.pwd.focus();
return false;
}
if (myform.yzm.value=="")
{
alert("請(qǐng)輸入驗(yàn)證碼");
myform.yzm.focus();
return false;
}
}
</script>
</head>
<body>
<form action="" method="post" name="myform" onsubmit=" return checkinput();" >
<div class="container">
<div class="right">
<h2>用戶注冊(cè)</h2>
<p>用 戶 名：<input type="text" name="name" id="name"></p>
<p>密 碼: <input type="password" name="pwd" id="pwd"></p>
<p>確認(rèn)密碼: <input type="password" name="pwdconfirm" id="pwdconfirm"></p>
<p>驗(yàn) 證 碼：<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="注冊(cè)" >立即注冊(cè)</button></p>
</div>
</div>
</form>
</body>
</html>
