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

      页面显示

  • 相关阅读:
    XML基础总结
    异常处理
    集合总结
    事件源与监听器
    JAVA中的GUI---swing 和awt
    docker搭建wordpress
    Jenkins--第四关_扩展
    docker 安装centos 7
    Jenkins_第五关_系统管理(1)
    Jenkins--第三关_Gitlab安装和配置(续)
  • 原文地址:https://www.cnblogs.com/wcc731546227/p/5731450.html
Copyright © 2011-2022 走看看