zoukankan      html  css  js  c++  java
  • 动态表单验证和TP框架里面的ajax

    动态验证的操作方法

    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来实现输入代号显示姓名    打到模板是用上面的

    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");
    	}
    

      页面显示

  • 相关阅读:
    $route 侦听路由参数的变化
    vue移动端(持续更新......)
    vue本地开发配置及项目部署
    vue解决虚拟dom复用的问题
    移动端头部固定中间内容滚动
    VUE的路由懒加载及组件懒加载
    VUEX(状态管理)之憨憨篇
    Go-第一篇
    高精度1
    牛客练习赛61
  • 原文地址:https://www.cnblogs.com/wcc731546227/p/5731450.html
Copyright © 2011-2022 走看看