ThinkPHP框架表单验证AJAX

验证有两种方式：静态验证与动态验证。

一、静态验证

在模型类里面预先定义好该模型的自动验证规则，我们称为静态定义。

验证时要在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方法：

二、动态验证

如果采用动态验证的方式，就比较灵活，可以根据不同的需要，在操作同一个模型的时候使用不同的验证规则，例如上面的静态验证方式可以改为：

<?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方法：

其他验证也是类似的方法，提交相应数据到对应方法，使用相应的验证规则。

ThinkPHP框架表单验证AJAX的更多相关文章

ThinkPHP框架表单验证
对注册到test表的表单进行验证在注册之前要对表单进行验证: 用户名非空验证,两次输入密码必须一致即相等验证,年龄在18~50之间即范围验证,邮箱格式正则验证. 自动验证是ThinkPHP模型层提供 ...
tp框架表单验证及ajax
之前的表单验证都是用js写的,这里也可以使用tp框架的验证.但是两者比较而言还是js验证比较好,因为tp框架验证会运行后台代码,这样运行速度和效率就会下降. 自动验证是ThinkPHP模型层提供的一种 ...
tp框架表单验证
之前的表单验证都是用js写的,这里也可以使用tp框架的验证.但是两者比较而言还是js验证比较好,因为tp框架验证会运行后台代码,这样运行速度和效率就会下降. 自动验证是ThinkPHP模型层提供的一种 ...
php--yii框架表单验证
在视图层利用表单小部件生成表单时,field只能是数据库中存在的, 例如: use yii\helpers\Html; use yii\widgets\ActiveForm; use yii\capt ...
thinkphp 隐藏表单验证原理
function savetoken() //创建session('hash') ,然后在魔板中表单中加入隐藏域 getsession('hash'),提交表单验证值是否一样,如果一样验证通过,同时重 ...
Yii 框架表单验证---实例
laravel框架——表单验证
创建路由 Route::get('test','VerController@index'); Route::post('tosubmit','VerController@tosubmit'); 在控制 ...
Thinkphp框架表单自动验证登录注册 ajax自动验证登录注册
说明:这里没练习静态自动验证:如果用到静态验证首先自定义一个控制器,再在Model文件夹里创建一个NiHaoModel.php 类 NiHao是自定义的,前缀可以随意,但是一定要用驼峰法(首字母大写 ...
ThinkPHP框架表单传值自动验证！！
如果有多个字段都包含错误,默认只显示一个错误.如果想显示全部错误,可以设置属性: //批量验证 d protected $patchValidate = true; 如果是直接 POST 过来的,直 ...

随机推荐

Redis源代码分析（三十）--- pubsub公布订阅模式
今天学习了Redis中比較高大上的名词,"公布订阅模式".公布订阅模式这个词在我最開始接触听说的时候是在JMS(Java Message Service)java消息服务中听说的. ...
mysql中间件amoeba实现mysql读写分离
Amoeba是一个以MySQL为底层数据存储,并相应用提供MySQL协议接口的proxy.它集中地响应应用的请求,根据用户事先设置的规则.将SQL请求发送到特定的数据库上运行.基于此能够实现负载均衡. ...
SuperSwipeRefreshLayout 一个功能强大的自己定义下拉刷新组件
SuperSwipeRefreshLayout 一个功能强大的自己定义下拉刷新组件. Why? 下拉刷新这样的控件.想必大家用的太多了,比方使用非常多的XListView等. 近期.项目中非常多列表都 ...
MVC模式利用xib文件定制collectionCell
数据来源于豆瓣网~仅供学习交流~ 本实例练习用到了SDWebImage框架:实现从网络端下载图片的功能下载地址:https://github.com/rs/SDWebImage 实现效果及框架: x ...
2015：WPS笔试-Android开发岗位
题目一共三道: 一:实现一个函数,能够推断两条直线的关系:平行.重合.垂直或相交. 二:实现一个函数.能够得到随意两个日期的相隔天数. 三:针对题目一或题目二,实现一个完整的单元測试. (笔试后在网上 ...
VCL源码修改立即生效
为了深刻学习Delphi的VCL源码,要使的它立刻修改生效.网上很多办法,这招最简单最管用: 把source\vcl路径添加进来,只要有修改vcl源程序,都会重新编译.但是对RTL源码不能这样做. - ...
C# 获得资源文件下图片的路径
最终实现正确的代码是: button8.Image = System.Drawing.Image.FromFile(@"..\\..\\Resources\\GAOJIBAN.png&quo ...
51. ExtJs4之Ext.util.JSON编码和解码JSON对象
转自:https://blog.csdn.net/iteye_9439/article/details/82518158 1.decode() 该方法用于将符合JSON格式的String进行解码成为一 ...
jqgrid formatter
日期 formatter:"date",formatoptions: {srcformat:'Y-m-d H:i:s',newformat:'Y-m-d'} value {name ...
9.2NOIP模拟题
9.2 NOIP模拟题目名称 “与” 小象涂色行动!行动! 输入文件 and.in elephant.in move.in 输出文件 and.out elephant.in move.in 时间限 ...

ThinkPHP框架表单验证AJAX

ThinkPHP框架表单验证AJAX的更多相关文章

随机推荐

热门专题