實(shí)現(xiàn)用戶注銷(xiāo), 封裝表單字段的原生驗(yàn)證方法 , 定界符heredoc, nowdoc的用法與使用

1.用戶注銷(xiāo)功能

//創(chuàng)建點(diǎn)擊事件
<a href='' onclick="logout(event)">[注銷(xiāo)]</a>

     //方法實(shí)現(xiàn)
     async function logout(ev){
          ev.preventDefault();
          // ev.preventDefault();
          if(confirm('是否退出')){
            const url = './lib/userHandle.php?action=logout';
            const res = await fetch(url); 
            const result = await res.json();  
            if(result){
              alert('退出成功');
              location.href='index.php';
            }else{
              alert('系統(tǒng)錯(cuò)誤,請(qǐng)重試');
              location.href='login.php';
            }
          }
        }

session_start();
 $flag = false;
 if(session_destroy()){
    $flag = true;
 }
 echo json_encode($flag);

2. 封裝表單字段的原生驗(yàn)證方法

   const getInput = (form)=>{
     return {
      nackname:{
        ele:form.nickname,
        value:form.nickname.value.trim()
      },email:{
        ele:form.email,
        value:form.email.value.trim()
      },password:{
        ele:form.password,
        value:form.password.value.trim()
      },rePassword:{
        ele:form.rePassword,
        value:form.rePassword.value.trim()
      }
     }
   }

   const  isEmpty = (user)=>{
     switch(true){
        case  user.nickname.value.length ===0:
            alert('昵稱不能為空');
            user.nickname.ele.focus();
            return false;   //代碼結(jié)束,不再繼續(xù)執(zhí)行
        case  user.email.value.length ===0:
            alert('郵箱不能為空');
            user.email.ele.focus();
            return false;
        case  user.password.value.length===0:
            alert('密碼不能為空');
            user.password.ele.focus();
            return false;
        case  user.rePassword.value.length ===0:
             alert('確認(rèn)密碼不能為空');
             user.rePassword.ele.focus();
             return false;   
        default:
          return true;  //攔截結(jié)束,返回true       
      }
  }

    const isPwdEqeu = (user)=>{
          if(user.password.value!==user.rePassword.value){
             alert('兩次密碼輸入不一致');
             user.password.focus();   //輸入框
            return false;
          } else{
            return true;
          }
    }

    const createData = (user)=>{
      return{
        nickname:user.nickname.value,
        email:user.email.value,
        password:user.password.value
      }
    }

    async function insertData(data){
          url = './lib/userHandle.php?action=register';
          const res = await fetch(url,{
            method:'POST',
            headers:{
              'content-Type':'application/json;charset=utf-8',  
            },
            body:JSON.stringify(data)
          });
          //返回?cái)?shù)據(jù)
          const result = res.json();
          if(result){
            aletrt('注冊(cè)成功');
            location.href='index.php';
          }else{
            alert('注冊(cè)失敗,請(qǐng)重試');
            location.href='register.php';
            btn.form.nickname.focus();
          }
    }

3. 定界符heredoc, nowdoc的用法與使用

  echo <<<TIPS
      <script>
         alert('非法請(qǐng)求!')
         location.href='../login.php'
      <script>
    TIPS;

// 定界符 heredoc 解析變量和特殊字符
$str = <<< POEM
窗前明月光, \n疑是地上霜。\n 
POEM;
// 定界符 nowdoc  //不會(huì)解析變量和特殊字符 
$str = <<< 'POEM'
窗前明月光, \n疑是地上霜。\n 
POEM;

批改老師：PHPz

批改狀態(tài)：合格

老師批語(yǔ)：