[email protected]   15826058953
B2B外贸网站建设与运营,WEB服务器运维,始于2016。

thinkphp结合ajax在新增内容时验证标题唯一

2020-07-05     重庆LiSEO工作室    

在项目开发与使用中,后台的内容管理处在新增内容时,需要用到标题验证唯一性,本文中所使用的是thinkphp结合ajax方式验证。

以下是验证时的效果图:

thinkphp结合ajax在新增内容时验证标题唯一效果图

form表单页面处title的源码:

<div>
    <div><label>标题:</label></div>
    <div>
      <input type="text"  name="title" id="title" value="" />
      <span id="chktitle"></span>
    </div>
</div>
form表单页面还需要引入jquery文件,同时页面中需要以下异步提交验证标题的js代码:


<script type="text/javascript">
//验证标题唯一
$("#title").blur(function(){ 
    var titleVal=$("#title").val();
	$.ajax({ 
		url:"/Post/check_title",		//验证地址
        type:'GET',
        data:{title:titleVal},
		success: function(data){
			$("#chktitle").html(data).show();
		}
	}); 
})
</script>

数据验证页面(即控制器中的方法)代码:

public function check_title(){
    $Post=M("Post");
    $title=I('title');
    $result = $Post->where("title='$title'")->field('title')->find();
    if($result){
        $data= "<font color=red>标题有重复!</font>";
        $this->ajaxReturn($data);
    } else {
        $data= "<font color=green>此标题可用!</font>";
        $this->ajaxReturn($data);
    }
}