動態(tài)表單驗證的操作方法和TP框架里面的ajax表單驗證

更新時間：2017年07月19日 15:43:00 作者：王策

這篇文章主要介紹了動態(tài)表單驗證的操作方法和TP框架里面的ajax表單驗證問題,需要的朋友可以參考下

動態(tài)驗證的操作方法

function yz()
  {
    if(empty($_POST))
    {
      $this->display();
    }
    else
    {
      $db=D("Info");
       
      $shu=array(
        array("Code","require","代號不能為空",0,"regex",3),
      );
       
      if(!$db->validate($shu)->create())
      {
        echo $db->getError();
      }
      else
      {
        echo"驗證通過";
      }
    }
  }

　　在框架里用ajax來實現(xiàn)輸入代號顯示姓名打到模板是用上面的

function ming()
  {
    $code=$_POST["code"];
    $db=D("Info");
    $data=$db->find($code);
    $name=$data["name"];
    $this->ajaxReturn($name,"eval");
  }

　　表單

代號：

<input id="zhi" type="text" name="Code" />
<input type="submit" value="驗證" id="en" />

　　js代碼

<script type="text/javascript">
$(document).ready(function(e){
  $("#en").click(function(){
    var code=$("#zhi").val();
    $.ajax({
       url:"__CONTROLLER__/ming",
       data:{code:code},
       type:"POST",
       dataType:"TEXT",
       success: function(data){
           alert(data);
         }
      });
    })
    $("#yz").blur(function(){
      var code=$(this).val();
      $.ajax({
       url:"__CONTROLLER__/yan",
       data:{Code:code},
       type:"POST",
       dataType:"TEXT",
       success: function(data){
           if(data.trim() == "ok")
           {
             $("#xs").html("驗證通過！");
             $("#xs").css("color","green");
           }
           else
           {
             $("#xs").html(data);
             $("#xs").css("color","red");
           }
         }
      });
    })
  });

　　頁面顯示

用ajax使表單驗證的錯誤信息直接在后面顯示

function yan()
  {
      $db=D("Info");
      $jieguo="";
      $shu=array(
        array("Code","require","代號不能為空",0,"regex",3),
      );
       
      if(!$db->validate($shu)->create())
      {
        $jieguo= $db->getError();
      }
      else
      {
        $jieguo="ok";
      }
      $this->ajaxReturn($jieguo,"eval");
  }

　　頁面顯示