目录
注册表单效果图
需求分析
- 首先做出简单的注册页面的模板,包括用户名、密码、手机号码、邮箱,其中用户名、密码、手机号码、邮箱通过正则表达式实现数据匹配。
- 用户名不能为空, 用户名不超过10个字符(字母、数字)。
- 密码不能为空,密码只能为4~14个数字。
- 手机号码不能为空,手机号码必须为11位,且第1位为1。
- 邮箱不能为空,邮箱地址无效。
- 当输入的数据匹配正确时,跳转到另一个页面,(显示输入的数据)。
代码如下
注册页面
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <?php if(isset($_REQUEST["button"])){ $test=1; $id=$_REQUEST["ID"]; $pwd=$_REQUEST["PWD"]; $phone=$_REQUEST["PHONE"]; $Email=$_REQUEST["EMAIL"]; if($id==''){$id1="用户名不能为空";$test=0; } elseif (preg_match('/^\w{1,10}$/',$id)==0){$id1="用户名不超过10个字符(字母、数字)";$test=0;} if ($pwd==''){$pwd1="密码不能为空";$test=0;} elseif (preg_match( ' /^\d{4,14}$/' ,$pwd)==0){$pwd1="密码只能为4~14个数字" ;$test=0;} if ($phone==''){$phone="手机号码不能为空";$test=0; } elseif (preg_match( ' /^1\d{10}$/',$phone)==0){$phone1="手机号码必须为11位,且第1位为1" ;$test=0;} if($Email==""){$Email="Email不能为空";$test=0; } elseif(preg_match('/^[a-zA-Z0-9_\-]+@[a-zA-Z0-9\_]+\.[a-zA-Z0-9\_\.]+$/',$Email)==0){$Email1="邮箱地址无效";$test=0;} if($test==1)header("Location:hd.php?id=$id&pwd=$pwd&phone=$phone&Email=$Email"); } ?> <form id="form1" name="form1" method="post" action=""> <table width="500" border="1" align="center" cellpadding="0"><tr> <td height="30" colspan="2" align="center">新用户注册</td></tr> <tr> <td width="100" height="30" align="center">用户名</td> <td height="30"><input type="text" name="ID" id="ID"/><?php echo @$id1;?></td></tr> <tr> <td width="10" height="30" align="center">密码</td> <td height="30"><input type="password" name="PWD"id="PWD"/><?php echo @$pwd1; ?></td></tr> <tr> <td width="100" height="30" align="center">手机号码</td> <td height="30"><input type="text" name="PHONE" id="PHONE"/><?php echo @$phone1; ?></td></tr> <tr> <td width="100" height="30" align="center">邮箱</td> <td height="30"><input type="text" name="EMAIL" id="EMAIL"/><?php echo @$Email1; ?></td></tr> <td height="30" colspan="2" align="center"><input type="submit" name="button" id="button" value="注册"/> <input type="reset" name="button2" id="button2" value="重置"/></td> </tr> </table> </form> </body> </html>
跳转页面
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <?php $id=$_REQUEST["id"]; $pwd=$_REQUEST["pwd"]; $phone=$_REQUEST["phone"]; $Email=$_REQUEST["Email"]; ?> <table width="400" border="1" align="center" cellpadding="0"> <tr> <td width="150" height="30" align="center">用户名</td> <td width="250" height="30"><?php echo $id; ?></td> </tr> <tr> <td width="150" height="30" align="center">密码</td> <td width="250" height="30"><?php echo $pwd; ?></td> </tr> <tr> <td width="150" height="30"align="center">手机号码</td> <td width="250" height="30"><?php echo $phone; ?></td> </tr> <tr> <td width="150" height="30"align="center">邮箱</td> <td width="250"height="30"><?php echo $Email;?></td> </tr> </table> </body> </html>
实现效果
输入信息
点击注册按钮,验证信息(注册成功)
正则表达式的匹配效果
输入不正确的信息测试匹配效果
点击注册按钮,验证信息(注册失败,没有跳转到注册成功界面)