温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》
  • 首页 > 
  • 教程 > 
  • 开发技术 > 
  • 如何实现动态表单验证的操作方法和TP框架里面的ajax表单验证

如何实现动态表单验证的操作方法和TP框架里面的ajax表单验证

发布时间:2021-09-10 09:21:16 来源:亿速云 阅读:93 作者:小新 栏目:开发技术

这篇文章将为大家详细讲解有关如何实现动态表单验证的操作方法和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");
           }
         }
      });
    })
  });

  页面显示

如何实现动态表单验证的操作方法和TP框架里面的ajax表单验证

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

  页面显示

如何实现动态表单验证的操作方法和TP框架里面的ajax表单验证

关于“如何实现动态表单验证的操作方法和TP框架里面的ajax表单验证”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI