(1) IndexController.class.php页面
<?php
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller {
public function yz(){
$u= M("users");//造一个父类对象
if(empty($_POST)){
$this->show();
}else{
$rules = array(
array("uid","require","用户名不能为空!"),
);
if($u->validate($rules)->create()){//验证
$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>无标题文档</title>
<script src="__ROOT__/Public/js/jquery-3.2.0.min.js"></script>
</head>
<body>
<h1>验证界面</h1>
<form action="__ACTION__" method="post">
<div><input type="text" name="uid" id="uid" /><span id="ts"></span></div>
<div><input type="submit" value="验证" /></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("验证通过");
}
else
{
$("#ts").html("用户名不能为空");
}
}
});
})
</script>
</html>
看一下效果:

当文本框失去焦点时:

当文本框有内容时,再失去焦点:

以上所述是小编给大家介绍的ThinkPHP框架表单验证操作方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
HTML5 表单验证失败的提示语问题这篇文章主要介绍了HTML5 表单验证失败的提示语问题的相关资料,需要的朋友可以参考下
动态表单验证的操作方法和TP框架里面的ajax表单验证这篇文章主要介绍了动态表单验证的操作方法和TP框架里面的ajax表单验证问题,需要的朋友可以参考下
关于ThinkPhp 框架表单验证及ajax验证问题tp数据验证有两种方式,一种是静态方式,一种是动态方式,下面小编给大家带来了ThinkPhp 框架表单验证及ajax验证问
ThinkPHP中create()方法自动验证表单信息这篇文章主要为大家详细介绍了ThinkPHP中create()方法自动验证表单信息,具有一定的参考价值,感兴趣的小伙伴们可以
详解HTML5中表单验证的8种方法介绍表单验证就是在表单提交服务器前对其进行一系列的检查并通知用户纠正错误,本篇文章主要介绍了详解HTML5中表单验
HTML5 form标签之解放表单验证、增加文件上传、集HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法_html5教程技巧HTML5中文学习网,是中国最大的HTML