当前位置: 首页 > 编程笔记 >

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

段干博涉
2023-03-14
本文向大家介绍动态表单验证的操作方法和TP框架里面的ajax表单验证,包括了动态表单验证的操作方法和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");
  }

  页面显示

总结

以上所述是小编给大家介绍的动态表单验证的操作方法和TP框架里面的ajax表单验证,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍ThinkPHP框架表单验证操作方法,包括了ThinkPHP框架表单验证操作方法的使用技巧和注意事项,需要的朋友参考一下 自动验证是ThinkPHP模型层提供的一种数据验证方法,可以在使用create创建数据对象的时候自动进行数据验证。分为静态验证和动态验证。 一、静态验证 (1)在Home/Controller/路径下新建Index控制器。IndexController  Inde

  • 路过的大佬,应该怎么校验?麻烦大家啦:

  • 本文向大家介绍关于ThinkPhp 框架表单验证及ajax验证问题,包括了关于ThinkPhp 框架表单验证及ajax验证问题的使用技巧和注意事项,需要的朋友参考一下 之前的表单验证都是用js写的,这里也可以使用tp框架的验证。但是两者比较而言还是js验证比较好,因为tp框架验证会运行后台代码,这样运行速度和效率就会下降。    自动验证是ThinkPHP模型层提供的一种数据验证方法,可以在使用c

  • 本文向大家介绍Laravel框架表单验证详解,包括了Laravel框架表单验证详解的使用技巧和注意事项,需要的朋友参考一下 基础验证例子 传递给 make 函数的第一个参数是待验证的数据,第二个参数是对该数据需要应用的验证规则。 多个验证规则可以通过 "|" 字符进行隔开,或者作为数组的一个单独的元素。 通过数组指定验证规则 一旦一个 Validator 实例被创建,可以使用 fails (或者

  • 本文向大家介绍简单解析Django框架中的表单验证,包括了简单解析Django框架中的表单验证的使用技巧和注意事项,需要的朋友参考一下 我们的搜索示例仍然相当地简单,特别从数据验证方面来讲;我们仅仅只验证搜索关键值是否为空。 然后许多HTML表单包含着比检测值是否为空更为复杂的验证。 我们都有在网站上见过类似以下的错误提示信息:     请输入一个有效的email地址, foo' 并不是一个有效的

  • 本文向大家介绍AngularJS实现表单手动验证和表单自动验证,包括了AngularJS实现表单手动验证和表单自动验证的使用技巧和注意事项,需要的朋友参考一下 AngularJS的表单验证大致有两种,一种是手动验证,一种是自动验证。 一、手动验证 所谓手动验证是通过AngularJS表单的属性来验证。而成为AngularJS表单必须满足两个条件: 1、给form元素加上novalidate="no