快捷導(dǎo)航

ThinkPHP框架表單驗(yàn)證操作方法

更新時(shí)間：2017年07月19日 15:51:27 作者：ChrissZhao

這篇文章主要介紹了ThinkPHP框架表單驗(yàn)證操作方法,需要的朋友可以參考下

自動(dòng)驗(yàn)證是ThinkPHP模型層提供的一種數(shù)據(jù)驗(yàn)證方法，可以在使用create創(chuàng)建數(shù)據(jù)對(duì)象的時(shí)候自動(dòng)進(jìn)行數(shù)據(jù)驗(yàn)證。分為靜態(tài)驗(yàn)證和動(dòng)態(tài)驗(yàn)證。

一、靜態(tài)驗(yàn)證

（1）在Home/Controller/路徑下新建Index控制器。IndexController

IndexController.class.php頁面

注意：靜態(tài)定義方式因?yàn)楸仨毝x模型類，所以只能用D函數(shù)實(shí)例化模型

　　create方法是對(duì)表單提交的POST數(shù)據(jù)進(jìn)行自動(dòng)驗(yàn)證

<?php
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller {
    public function yanzheng(){
    $u= D("users");//造一個(gè)子類對(duì)象
    if(empty($_POST)){
      $this->show();
    }else{
      if($u->create()){//驗(yàn)證
        echo"驗(yàn)證通過";
      }else{
        echo $u->getError();//獲取錯(cuò)誤信息
      }
    }
  }
}

(2)在view/Index文件夾下做yanzheng.html頁面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<script src="__ROOT__/Public/js/jquery-3.2.0.min.js"></script>
</head>
<body>
<h1>驗(yàn)證界面</h1>
<form action="__ACTION__" method="post">
<div>用戶名：<input type="text" name="uid" /></div>
<div>密碼：<input type="password" name="pwd1"/></div>
<div>確認(rèn)密碼：<input type="password" name="pwd2"/></div>
<div>年齡：<input type="text" name="age"/></div>
<div>郵箱：<input type="text" name="Email"/></div>
<div><input type="submit" value="驗(yàn)證" /></div>
</form>
</body>
</html>

效果圖：

（3）在Model層寫靜態(tài)驗(yàn)證的驗(yàn)證：（路徑如圖）

UsersModel.class.php

<?php
namespace Home\Model;
use Think\Model;
class UsersModel extends Model{
    //添加驗(yàn)證條件
    protected $_validate = array(  
      array("uid","require","用戶名不能為空!"), //默認(rèn)情況下用正則進(jìn)行驗(yàn)證
      array("pwd1","require","密碼不能為空!"),
      array("pwd2","require","密碼不能為空!"),   
      array("pwd2","pwd1","兩次輸入的密碼不一致",0,"confirm"), // 驗(yàn)證確認(rèn)密碼是否和密碼一致
      array("age","18,50","年齡不在范圍內(nèi)",0,"between"),
      array("Email","email","郵箱格式不正確"),
    );
}

依次驗(yàn)證效果圖：

當(dāng)全部為空時(shí)，點(diǎn)擊驗(yàn)證

會(huì)跳轉(zhuǎn)

輸入用戶名，其他不輸入時(shí)，會(huì)跳轉(zhuǎn)

兩次密碼輸入不一致時(shí)，會(huì)提示；年齡不在范圍內(nèi)會(huì)提示；郵箱格式不正確時(shí)會(huì)提示；

輸入正確格式內(nèi)容后

二、動(dòng)態(tài)驗(yàn)證

(1) IndexController.class.php頁面

<?php
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller {
    public function yz(){
    $u= M("users");//造一個(gè)父類對(duì)象
    if(empty($_POST)){
      $this->show();
    }else{
      $rules = array(
        array("uid","require","用戶名不能為空!"),
      );
      if($u->validate($rules)->create()){//驗(yàn)證
        $this->ajaxReturn("ok","eval");
      }else{
        $this->ajaxReturn("no","eval");
      }
    }
  } 
｝

(2) yz.html頁面：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<script src="__ROOT__/Public/js/jquery-3.2.0.min.js"></script>
</head>
<body>
<h1>驗(yàn)證界面</h1>
<form action="__ACTION__" method="post">
<div><input type="text" name="uid" id="uid" /><span id="ts"></span></div>
<div><input type="submit" value="驗(yàn)證" /></div>
</form>
</body>
<script type="text/javascript">
$("#uid").blur(function(){
    var uid = $(this).val();
    $.ajax({
        url:"__ACTION__",
        data:{uid:uid},
        type:"POST",
        dataType:"TEXT",
        success: function(data){
            if(data.trim()=="ok")
            {
              $("#ts").html("驗(yàn)證通過");
            }
            else
            {
              $("#ts").html("用戶名不能為空");
            }
          }
      });
  })
</script>
</html>

看一下效果：