ThinkPHP框架表單驗證

對註冊到test表的表單進行驗證 javascript

在註冊以前要對錶單進行驗證:php

用戶名非空驗證,兩次輸入密碼必須一致即相等驗證,年齡在18~50之間即範圍驗證,郵箱格式正則驗證。html

自動驗證是ThinkPHP模型層提供的一種數據驗證方法,能夠在使用create建立數據對象的時候自動進行數據驗證。java

數據驗證能夠進行數據類型、業務規則、安全判斷等方面的驗證操做。jquery

數據驗證有兩種方式:ajax

  1. 靜態方式:在模型類裏面經過$_validate屬性定義驗證規則。
  2. 動態方式:使用模型類的validate方法動態建立自動驗證規則。

不管是什麼方式,驗證規則的定義是統一的規則,定義格式爲:正則表達式

  1. array(
  2. array(驗證字段1,驗證規則,錯誤提示,[驗證條件,附加規則,驗證時間]),
  3. array(驗證字段2,驗證規則,錯誤提示,[驗證條件,附加規則,驗證時間]),
  4. ......
  5. );
驗證字段 (必須)

須要驗證的表單字段名稱,這個字段不必定是數據庫字段,也能夠是表單的一些輔助字段,例如確認密碼和驗證碼等等。有個別驗證規則和字段無關的狀況下,驗證字段是能夠隨意設置的,例如expire有效期規則是和表單字段無關的。若是定義了字段映射的話,這裏的驗證字段名稱應該是實際的數據表字段而不是表單字段。數據庫

驗證規則 (必須)

要進行驗證的規則,須要結合附加規則,若是在使用正則驗證的附加規則狀況下,系統還內置了一些經常使用正則驗證的規則,能夠直接做爲驗證規則使用,包括:require 字段必須、email 郵箱、url URL地址、currency 貨幣、number 數字。json

提示信息 (必須)

用於驗證失敗後的提示信息定義數組

驗證條件 (可選)

包含下面幾種狀況:

  • self::EXISTS_VALIDATE 或者0 存在字段就驗證(默認)
  • self::MUST_VALIDATE 或者1 必須驗證
  • self::VALUE_VALIDATE或者2 值不爲空的時候驗證 
附加規則 (可選)

配合驗證規則使用,包括下面一些規則:  

規則 說明
regex 正則驗證,定義的驗證規則是一個正則表達式(默認
function 函數驗證,定義的驗證規則是一個函數名
callback 方法驗證,定義的驗證規則是當前模型類的一個方法
confirm 驗證表單中的兩個字段是否相同,定義的驗證規則是一個字段名
equal 驗證是否等於某個值,該值由前面的驗證規則定義
notequal 驗證是否不等於某個值,該值由前面的驗證規則定義(3.1.2版本新增)
in 驗證是否在某個範圍內,定義的驗證規則能夠是一個數組或者逗號分割的字符串
notin 驗證是否不在某個範圍內,定義的驗證規則能夠是一個數組或者逗號分割的字符串(3.1.2版本新增)
length 驗證長度,定義的驗證規則能夠是一個數字(表示固定長度)或者數字範圍(例如3,12 表示長度從3到12的範圍)
between 驗證範圍,定義的驗證規則表示範圍,可使用字符串或者數組,例如1,31或者array(1,31)
notbetween 驗證不在某個範圍,定義的驗證規則表示範圍,可使用字符串或者數組(3.1.2版本新增)
expire 驗證是否在有效期,定義的驗證規則表示時間範圍,能夠到時間,例如可使用 2012-1-15,2013-1-15 表示當前提交有效期在2012-1-15到2013-1-15之間,也可使用時間戳定義
ip_allow 驗證IP是否容許,定義的驗證規則表示容許的IP地址列表,用逗號分隔,例如201.12.2.5,201.12.2.6
ip_deny 驗證IP是否禁止,定義的驗證規則表示禁止的ip地址列表,用逗號分隔,例如201.12.2.5,201.12.2.6
unique 驗證是否惟一,系統會根據字段目前的值查詢數據庫來判斷是否存在相同的值,當表單數據中包含主鍵字段時unique不可用於判斷主鍵字段自己
驗證時間(可選)
  • self::MODEL_INSERT或者1新增數據時候驗證
  • self::MODEL_UPDATE或者2編輯數據時候驗證
  • self::MODEL_BOTH或者3所有狀況下驗證(默認)

這裏的驗證時間須要注意,並不是只有這三種狀況,你能夠根據業務須要增長其餘的驗證時間。

驗證有兩種方式:靜態驗證與動態驗證。

1、靜態驗證 

在模型類裏面預先定義好該模型的自動驗證規則,咱們稱爲靜態定義。

驗證時要在test表的Model裏面加驗證條件:新建testModel.class.php,在模型類裏面定義了$_validate屬性以下:

<?php
namespace Home\Model;
use Think\Model;
class testModel extends Model
{
    //靜態驗證
    protected $_validate = array(    
        array('uid','require','用戶名不能爲空'),        
        array('pwd','require','密碼不能爲空'),
        array('repwd','pwd','確認密碼不正確',1,'confirm'),
        array('age','18,50','年齡必須在18-50歲之間',1,'between'),
        array('email','email','郵箱格式不正確'),
    
    );    
    
}

定義好驗證規則後,就能夠在使用create方法建立數據對象的時候自動調用:

<?php
namespace Home\Controller;
use Home\Controller\CheckController;
class ZhuCeController extends CheckController
{
    function ZhuCe()
    {
        //靜態驗證,不能在後面直接顯示,必須所有經過驗證才能註冊
        $cw = "";
        if(!empty($_GET))
        {
            $cw = $_GET["cw"];    
        }
        if(empty($_POST))
        {
            $this->assign("error",$cw);
            $this->display();
        }
        else
        {
            $model = new \Home\Model\testModel();
            //$model = D("test");    //動態驗證能夠用D方法
             
            if(!$model->create())
            {                
                $e = $model->getError();
                $url = "ZhuCe/cw/{$e}";
                $this->error("註冊失敗!",$url,1);
            }
            else
            {
                $model->add();    
            }

模板ZhuCe.html:

<body>
<form action="__ACTION__" method="post">
<div>用戶名:<input type="text" name="uid" id="uid" /> </div><br />
<div>密碼:<input type="text" name="pwd" id="pwd" /></div><br />
<div>確認密碼:<input type="text" name="repwd" id="repwd" /> </div><br />
<div>年齡:<input type="text" name="age" id="age" /> </div><br />
<div>郵箱:<input type="text" name="email" id="email" /> </div><br />
<div>姓名:<input type="text" name="name" /></div><br />
<div><{$error}></div>   <!--顯示錯誤信息-->
<input type="submit" value="註冊" />
</form>

請求ZhuCe方法:

   

2、動態驗證

若是採用動態驗證的方式,就比較靈活,能夠根據不一樣的須要,在操做同一個模型的時候使用不一樣的驗證規則,例如上面的靜態驗證方式能夠改成:

<?php
namespace Home\Controller;
use Home\Controller\CheckController;
class ZhuCeController extends CheckController
{
    function ZhuCe()
    {        
        if(empty($_POST))
        {            
            $this->display();
        }
        else
        {
            //$model = new \Home\Model\testModel();
            $model = D("test");    //動態驗證能夠用D方法            
            //動態驗證
            $rules = array(
                array('uid','require','用戶名不能爲空')
            );
            //調用validate()加入驗證規則
            $r = $model->validate($rules)->create();//若驗證失敗返回false,成功返回註冊的test表數組信息
            //var_dump($r);
            if(!$r)
            {
                echo $model->getError(); //若驗證失敗則輸出錯誤信息    
            }
            else
            {
                $model->add();    
            }
            
        }    
    }

咱們還能夠在表單後面直接顯示錯誤提示,這就要用到ajax。以驗證用戶名非空爲例:

在模板ZhuCe.html中:

<script src="../../../../../jquery-1.11.2.min.js"></script>  
</head>

<body>
<form action="__ACTION__" method="post">
<div>用戶名:&nbsp;<input type="text" name="uid" id="uid" /> <span id="ts"></span></div><br />
<div>密碼:&nbsp;&nbsp;<input type="text" name="pwd" id="pwd" /> <span id="pts"></span></div><br />
<div>確認密碼:<input type="text" name="repwd" id="repwd" /> <span id="rpts"></span></div><br />
<div>年齡:&nbsp;&nbsp;<input type="text" name="age" id="age" /> <span id="nts"></span></div><br />
<div>郵箱:&nbsp;&nbsp;<input type="text" name="email" id="email" /> <span id="ets"></span></div><br />
<div>姓名:&nbsp;&nbsp;<input type="text" name="name" /></div><br />
<!--<div><{$error}></div> -->  <!--顯示錯誤信息-->
<input type="submit" value="註冊" />
</form>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(e) {
    $("#uid").blur(function(){
        var uid = $(this).val();
        $.ajax({
            
            url:"__CONTROLLER__/Yhm",  <!--提交到方法,而不是頁面-->
            data:{uid:uid},   <!--由於作的是表單驗證,因此提交時要與表單name值一致,至關於提交表單 -->
            type:"POST",
            dataType:"TEXT",   <!--返回數據類型要與ajaxReturn中的參數對應,TEXT對應eval-->
            success: function(data){
                //alert(data);
                var str = "";
                if(data.trim()=="OK")
                {
                    str = "<span style='color:green'>"+data+"</span>";
                }
                else
                {
                    str = "<span style='color:red'>"+data+"</span>";    
                }
                
                $("#ts").html(str);
                }
            });        
        })

在ZhuCe控制器中再作一個Yhm方法:

//驗證用戶名非空
    function Yhm()
    {
        $model = D("test");    
        $rules = array(
                array('uid','require','用戶名不能爲空')
            );
            
            if(!$model->validate($rules)->create())
            {
                $fh = $model->getError();
                $this->ajaxReturn($fh,'eval');  //ajax返回數據,默認返回json格式,eval返回字符串,由於dataType是TEXT,因此用eval格式
            }
            else
            {
                $fh = "OK";    
                $this->ajaxReturn($fh,'eval');
            }
    }

請求ZhuCe方法:

   

其餘驗證也是相似的方法,提交相應數據到對應方法,使用相應的驗證規則。

相關文章
相關標籤/搜索