AJax技术

Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册

字号+ 作者:H5之家 来源:H5之家 2017-02-12 08:00 我要评论( )

这篇文章主要介绍了Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

动态验证:(不需要建Model模型)

1.建一个控制器,做表单操作(包含验证)

<?php namespace BiaodanController; use ThinkController; class BiaodanController extends Controller { public function test() { if(empty($_POST))//如果$_POST空,显示添加页面, { $this->show(); } else //如果$_POST不为空,走验证,验证是否成功,添加数据库 { $y = D("yonghu"); $arr = array(//造一个验证规则 array(‘uid‘,‘require‘,‘用户名不能为空!‘,0), array(‘pwd‘,‘pwd1‘,‘输入的密码不一致‘,0,‘confirm‘),//相等验证:confirm(验证表单中的两个字段是否相同,定义的验证规则是一个字段名),意思是pwd1必须为字段 array(‘email‘,‘email‘,‘邮箱格式不正确‘,0), array(‘name‘,‘/^[1-9]d{5}[1-9]d{3}((0d)|(1[0-2]))(([0|1|2]d)|3[0-1])d{3}([0-9]|X)$/‘,‘身份证号不正确‘,0,‘regex‘),//正则表达式, array(‘age‘,‘18,50‘,‘年龄不在范围内‘,0,‘between‘)//范围验证 ); if($y->validate($arr)->create())//$y->validate($arr),添加之前执行验证规则 { $y->add(); } else { die($y->getError()); } } } }

2.对应控制器方法的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> </head> <body> <form action="__ACTION__" method="post"> <br /> <br /> <br /> <br /> <div>用户名:<input type="text" /></div> <br /> <div>密码:<input type="text" /></div> <br /> <div>确认密码:<input type="text" /></div> <br /> <div>姓名:<input type="text" /></div> <br /> <div>邮箱:<input type="text" /></div> <br /> <div>年龄:<input type="text" /></div> <br /> <div><input type="submit" value="添加" /></div> </form> </body> </html>

ajax:(不需要建Model模型)

1.建一个控制器,做表单操作(包含验证)

<?php namespace AdminController; use ThinkController; class ZhuCeController extends Controller { public function add(){ $this->show(); } public function addchuli(){ $y = D("yonghubiao"); $arr = array( array(‘uid‘,‘require‘,‘用户名不能为空!!‘),//ps: require 意思是字段必须,就是不能为空 array(‘pwd‘,‘require‘,‘两次密码不一致!‘), array(‘name‘,‘require‘,‘没有填写名称!!‘), array(‘email‘,‘email‘,‘邮箱格式不正确!!‘), array(‘age‘,‘/^[1-9]d{5}[1-9]d{3}((0d)|(1[0-2]))(([0|1|2]d)|3[0-1])d{3}([0-9]|X)$/‘,‘身份证不合法‘,0,‘regex‘), ); if($y->validate($arr)->create()){ $y->add(); $this->ajaxReturn("注册成功","eval"); }else{ $this->ajaxReturn($y->getError(),"eval"); } } }

2.对应控制器方法的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" /> <script src="__PUBLIC__/js/jquery-1.11.2.min.js"></script> <title>用户注册</title> </head> <body> <br /> <br /> <br /> <div>用户名:<input type="text" /></div> <br /> <div> 密码:<input type="text" /></div> <br /> <div> 名称:<input type="text" /></div> <br /> <div> 邮箱:<input type="text" /></div> <br /> <div>身份证号:<input type="text" /></div> <br /> <div><input type="button" value="提交" /></div> </body> <script type="text/javascript"> $("#dtn").click(function(){ var uid = $("#uid").val(); var pwd = $("#pwd").val(); var name = $("#name").val(); var email = $("#email").val(); var age = $("#age").val(); $.ajax({ url:"__CONTROLLER__/addchuli", data:{uid:uid,pwd:pwd,name:name,email:email,age:age}, dataType:"TEXT", type:"POST", success: function(data){ alert(data); } }); }); </script> </html>

以上所述是小编给大家介绍的Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对五二脚本网站的支持!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • ajax button提交表单的相关文章,教程,源码

    ajax button提交表单的相关文章,教程,源码

    2017-01-26 10:00

  • ajax提交手机号去数据库验证并返回状态值,ajax状态值

    ajax提交手机号去数据库验证并返回状态值,ajax状态值

    2017-01-25 09:00

  • AJAX PHP无刷新form表单提交

    AJAX PHP无刷新form表单提交

    2017-01-20 11:01

  • ajax验证用户名是否可用

    ajax验证用户名是否可用

    2017-01-04 16:00

网友点评