Community Learn Tools Library Leisure
search
English
Home > List of blog posts > php循环控制和表单验证（0108）
Blogger Information
Blog 32
fans 2
comment 2
visits 23324
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
php循环控制和表单验证（0108）
暴风战斧
Original
539 people have browsed it

编程思路

1、for和while循环练习我首先是把函数语法看了一遍，然后又查了一遍资料，通过模仿老师遍历数组的方式完成练习；
2、表单的验证，因为跟注册不同，登录没有两次密码互相校验，我设计成了密码的校验，如果密码错误则提示，正确则通过！

作业总结

1、for和while函数单看语法真的超级简单，但是用来遍历数组时就感觉到了，不是简单的按语法写完，其中循环条件有点绕需要多理解。
2、表单前端代码多花了点时间，因为想做的好看一点点，表单验证代码写的比较快，就写下验证密码是否正确，以前写密码的input时总是忘记把type设置成password，这次没有忘记，还给代码做了加密！

1.for、while循环控制和遍历关联数组

  • 演示代码
  1. <?php
  2. // 1、for、while循环控制
  3. $arr0 = ['a','b','c','d'];
  4. // for循环
  5. $result = '';
  6. for ($i = 0; $i < count($arr0); $i++) {
  7.     $result .= '<span">' . $arr0[$i] . '</span>,' ;
  8. }
  9. echo rtrim($result, ',') . '<br>';
  11. // while循环
  12. $i = 0;
  13. $result = '';
  14. while ($i < count($arr0)) {
  15.     $result .= '<span">' . $arr0[$i] . '</span>,' ;
  16.     $i++;
  17. }
  18. echo rtrim($result, ',') . '<br>';
  20. // do...while循环
  21. $i = 0;
  22. $result = '';
  23. do {
  24.     $result .= '<span">' . $arr0[$i] . '</span>,' ;
  25.     $i++;
  26. }
  27. while ($i < count($arr0));
  28. echo rtrim($result, ',') . '<br>';
  30. echo '<hr>';
  32. // 2、for、while遍历关联数组
  33. $arr1 = ['id'=>1001, 'name'=>'小明', 'email'=>'admin@qq.com', 'school'=>'瑞昌二中'];
  35. // for遍历关联数组
  36. for ($i = 0; $i < count($arr1); $i++) {
  37.     echo key($arr1). '=>'. current($arr1). '<br>';
  38.     next($arr1);
  39. }
  40. echo '<hr>';
  42. // while遍历关联数组
  43. reset($arr1);
  44. while (key($arr1)) {
  45.     echo key($arr1). '=>'. current($arr1). '<br>';
  46.     next($arr1);
  47. }
  48. ?>
  • 效果图

2、表单登录验证

  • 登录表单代码
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>用户登录</title>
  6.     <style>
  7.         .container {
  8.             display: flex;
  9.             width: 300px;
  10.             height: 200px;
  11.             background-color: #333333;
  12.             border-radius: 10px;
  13.             margin: 30px auto;
  15.             flex-direction: column;
  16.             justify-content: space-between;
  17.             align-items: center;
  18.         }
  20.         .container > h3 {
  21.             border-bottom: 2px solid white;
  22.             margin: 20px 0 0 0;
  23.             color: white;
  24.         }
  25.         /*设置表单样式*/
  26.         .container > form {
  27.             display: flex;
  28.             flex-direction: column;
  29.             margin: 0;
  30.             padding: 10px;
  32.         }
  33.         .container > form input {
  34.             border: none;
  35.             width: 160px;
  36.         }
  37.         .container > form input:hover {
  38.             box-shadow: 0 0 8px #888888;
  39.         }
  40.         .container > form label {
  41.             color: white;
  42.         }
  43.         .container > form > span {
  44.             margin: 10px 0;
  45.             display: flex;
  46.             justify-content: space-between;
  47.         }
  48.         .container > form > span:last-of-type {
  49.             display: flex;
  50.             justify-content: center;
  51.         }
  52.         /*按钮样式设置*/
  53.         .container > form > span:last-of-type > button {
  54.             border: none;
  55.             background-color: teal;
  56.             color: white;
  57.             font-size: 14px;
  58.             width: 120px;
  59.             height: 24px;
  60.         }
  61.         .container > form > span:last-of-type > button:hover {
  62.             background-color: lightseagreen;
  63.             cursor: pointer;
  64.         }
  65.     </style>
  66. </head>
  67. <body>
  68. <div class="container">
  69.     <h3>用户登录</h3>
  70.     <form action="check.php" method="post">
  71.         <span>
  72.             <label for="username">用户名：</label>
  73.             <input type="text" name="username" id="username" placeholder=" 请输入用户名"  required autofocus>
  74.         </span>
  75.         <span>
  76.             <label for="password">密码：</label>
  77.             <input type="password" name="password" id="password" placeholder=" 请输入密码"  required autofocus>
  78.         </span>
  79.         <span>
  80.             <button>立即登录</button>
  81.         </span>
  82.     </form>
  83. </div>
  84. </body>
  85. </html>
  • 表单验证代码
  1. <?php
  2. if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  4.     if (!empty($_POST['username'])) $username = $_POST['username'];
  5.     if (!empty($_POST['password'])) $password = $_POST['password'];
  7.     //二次密码必须一致
  8.     if (!empty($_POST['password']) & $password === '123456') {
  9.         $password = sha1($password);
  10.     } else {
  11.         exit('<script>alert("密码错误，请确认后登录！");history.back();</script>');
  12.     }
  14.     $login_data = compact('username','password');
  15.     echo '<pre>' . print_r($login_data,true) . '</pre>';
  17. } else {
  18.     exit('<h3 style="color:red">请求类型错误！</h3>');
  19. }
  20. ?>
  • 效果图
  • 密码正确：

  • 密码错误：

3、手写for、while、数组指针函数语法

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：学习阶段, 可以将案例写得简单些, 理解流程与原理是第一位的, 细节的打磨可以在有了一定的经验后再提升. 做对永远是第一位的
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post