1 thinkphp 框架 中判断输入的数值和数据库中的数值是否一致
首先 需要在view文件夹下建一个模板 名为zhuce.html
|
1
2
3
4
5
6
7
8
9
|
<html>
<head>
<script src="__ROOT__/Public/js/jquery-1.11.2.min.js"></script>
</head>
<body>
<div> 账号：<input type="text" name="num" id="uid"></div>
<div id="ts"></div>
</body>
</html>
|
我在控制器TextController.class.php中写了一个方法zhuce()，显示模板
|
1
2
3
4
|
function zhuce()
{
$this->show();
}
|
这里需要用到ajax来写的，首选需要引入jquery包 已经在上面引入了
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<script type="text/javascript">
$("#uid").blur(function(){
var num = $(this).val();
$.ajax({
url:"__CONTROLLER__/chuli",
data:{num:num},
type:"POST",
dataType:"TEXT",
success:function(data)
{
if(data.trim()=="1")
{
$("#ts").html("此账号已经存在");
}
else
{
$("#ts").html("此账号可用");
}
}
})
})
</script>
|
上面涉及到一个chuli方法，那么这儿我们要开始写chuli方法了
|
1
2
3
4
5
6
7
|
function chuli()
{
$n=D("login");
$num=$_POST["num"];
$aa=$n->where("num='{$num}'")->count();
$this->ajaxReturn($aa,"eval");
}
|
这样就可以来判断这个账号是不是可以使用了,但是我们会发现有一个小bug，就是如果是空的话，那么会显示此账号可以使用，为了避免出现这样的失误，我们可以在js中 判断一下是不是为空 if(num.trim()==""){$("#ts").html("账号不可以为空")} else{执行ajax部分的内容就可以了}
2 验证方法：
首先是判断不为空的方法，这里可以直接用js来写是非常简单的，用的是nation表 我在view文件夹下写了一个jsdongtai.html的文件，
|
1
2
3
4
5
6
7
8
9
10
11
|
<html>
<head>
<script src="__ROOT__/Public/js/jquery-1.11.2.min.js"></script>
</head>
<body>
<div>
代号：<input type="text" id="code"/>
<span id="ts"></span>
</div>
</body>
</html>
|
然后就是判断代号是否为空
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<script type="text/javascript">
$("#code").blur(function(){
var code=$(this).val();
if(code.trim()=="")
{
$("#ts).html("代号不能为空");
}
else
{
$("#ts").html("验证通过");
}
})
</script>
|
然后用jsdongtai方法调一下就可以了 function jsdongtai(){$this->show();}
如果我们用ajax来调的话可能比较麻烦，但是对于其他的验证来说要方便的多了，我们可以在方法里面添加多个验证
比如我们用一个dongtai.html的模板 和jsdongtai.html的html部分是一样的，这样我们就只需要写ajax部分就可以了
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<script type="text/javascript">
$("#code").blur(function(){
var code=$(this).val();
$.ajax({
url:"__CONTROLLER__/yanzheng",
data:{code:code},//第一个code必须是和表中的一致
type:"POST",
dataType:"TEXT",
success:function(data)
{
if(data.trim()=="1")
{
$("#ts").html("验证通过"),
}
else
{
$("#ts").html("此处不能为空"),
}
}
})
})
</script>
|
下面是yanzheng方法
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
function yanzheng()
{
$n=D("nation");
$a=array(
array("code","require","此处不能为空"))
if($n->validate($a)->create())
{
$this->ajaxReturn("1","eval");
}
else
{
$this->ajaxReturn($n->getError(),"eval")
}
}
|
在我们平时做验证的时候，很少会用ajax，相对来说比较麻烦，我们用简单的js就可以完成的，比如我做一个关于邮箱的验证,在jsdongtai.html中加入这一句
|
1
|
<div><input type="text" id="email"/><span id="aa"></span></div>
|
然后我们开始做邮箱的验证了，我用的js都是引入的jquery包，前面已经引入过了，这里就不再详说了
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<script type="text/javascript">
$("#email").blur(function(){
var email = $(this).val();
$zz=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
if(email.match($zz)==null)
{
$("#aa").html("邮箱格式不正确");
}
else
{
$("#aa").html("邮箱验证成功");
}
})
</script>
|
原文链接：http://www.cnblogs.com/xiaodouding/p/6812867.html