您现在的位置是:首页 > cms教程 > 帝国CMS教程帝国CMS教程

帝国cms怎么实现AJAX验证标题是否重复的教程

尔珍2023-05-30帝国CMS教程已有人查阅

导读帝国cms后台发信息最怕点击提交后,提示标题重复又要重新写一遍。现在给大家分享一款实时验证标题的方法,这样就可以避免出现重复的信息。

帝国cms后台发信息最怕点击提交后,提示标题重复又要重新写一遍。现在给大家分享一款实时验证标题的方法,这样就可以避免出现重复的信息。
帝国CMS-AJAX验证标题是否重复方法
1、帝国cms后台 - 管理数据表 - 找到自己使用的数据表 - 修改title字段 - 输入表单使用下面的代码
找到代码

<inputtype=textname=titlevalue="<?=ehtmlspecialchars(stripSlashes($r[title]))?>"size="60">

替换为

<inputtype=textname=titlevalue="<?=ehtmlspecialchars(stripSlashes($r[title]))?>"size="60"onblur="checkTitle()">

在输入表单最下面加入如下代码

<script type="text/javascript"src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js"></script>  
<script type="text/javascript">  
functioncheckTitle()  
{        
varclassid=<?=$_GET[classid]?>;  
varid=<?=$_GET[classid]?>;  
vartit=document.add.title.value;  
console.log("我是标题="+tit);  
console.log("我是classid="+classid);  
console.log("我是id="+id);  
$.ajax({  
url: 'ReTitleAjax.php?classid='+classid+'&id='+id+'&title='+tit,  
dataType:"json",  
cache: false,  
error: function(){  
alert("检测失败,请重试");  
},  
success: function(data){  
if(data==1){  
alert('重复标题');  
}  
if(data==0){  
//alert('可以添加信息');
console.log("可以添加信息");  
}  
}  
});      
}  
</script>

接着新建一个php文件,保存在 /e/admin/ReTitleAjax.php ,代码如下

define('EmpireCMSAdmin','1');  
require("../class/connect.php");  
require("../class/db_sql.php");  
require("../class/functions.php");  
requireLoadLang("pub/fun.php");  
require("../data/dbcache/class.php");  
$link=db_connect();  
$empire=newmysqlquery();  
$editor=1;  
//验证用户
$lur=is_login();  
$logininid=$lur['userid'];  
$loginin=$lur['username'];  
$loginrnd=$lur['rnd'];  
$loginlevel=$lur['groupid'];  
$loginadminstyleid=$lur['adminstyleid'];  
$classid=(int)$_GET['classid'];  
$id=(int)$_GET['id'];  
$title=AddAddsData($_GET['title']);  
$where='';  
if($id)  
{  
$where=' and id<>'.$id;  
}  
//已审核
$num=$empire->gettotal("select count(*) as total from {$dbtbpre}ecms_".$class_r[$classid][tbname]." where title='".addslashes($title)."'".$where." limit 1");  
//未审核
if(emptyempty($num))  
{  
$num=$empire->gettotal("select count(*) as total from {$dbtbpre}ecms_".$class_r[$classid][tbname]."_check where title='".addslashes($title)."'".$where." limit 1");  
}  
echojson_encode($num);

上面是采用post查询返回json结果的方式来实现查重,我们还可以通过get方式,js函数如下:

<script type="text/javascript">  
functioncheckTitle() 
{  
varclassid='<?=$_GET[classid]?>';  
varid='<?=$_GET[id]?>';  
vartit=document.add.title.value;  
varanswerurl='ReTitleAjax.php';  
$.get(answerurl+"?classid="+classid+'<?=$ecms_hashur['ehref']?>&title='+tit, function(data){  
if(data){  
if(data==1){  
$("#titletips").html("<font color='red'>已经存在此名称,请检查是否已经添加过</font>");  
}  
else{  
$("#titletips").html("<font color='green'>可以添加信息</font>");  
}  
returnfalse;  
}  
else{  
$("#titletips").html("<font color='red'>检测失败,请重试</font>");  
}  
});     
}  
</script>

接着在title字段的input后放一个容器用于存储提示信息,例如<span id="titletips"></span>,还可以通过在出现重复时禁用其他input输入等方式来限制,这里只是给出原理,大家可在此基础上发挥。

本文标签:帝国cms标题 

很赞哦! ()

相关源码

  • (自适应)行业协会工会机构单位pbootcms网站源码本模板基于PbootCMS内核开发,为行业协会、工会组织及机构单位量身打造。采用响应式布局设计,可自动适配手机、平板等移动设备,数据实时同步更新。模板包含行业资讯查看源码
  • pbootcms模板(自适应手机版)红色响应式单位机构类网站自适应响应式单位机构网站模板 | PbootCMS内核开发为机构组织设计的响应式网站模板,采用PbootCMS内核开发,支持一键替换行业内容,满足多元化场景需求。查看源码
  • (自适应响应式)AI智能电子科技产品pbootcms网站模板下载基于PbootCMS内核的响应式模板,为AI智能硬件、电子产品等科技企业打造,通过技术创新实现品牌数字化升级。查看源码
  • pbootcms(自适应)SEO优化排名服务公司网站模板核心定位为SEO排名服务商打造的营销型网站框架,集成PbootCMS开源系统的高效管理能力与SEO最佳实践方案,助力企业快速建立专业的技术服务形象。查看源码
  • (自适应)APP应用软件落地页单页推广页网站模板下载基于PbootCMS内核开发的响应式单页模板,为企业产品展示、服务推广等应用场景设计。通过简洁直观的视觉布局与高效的技术架构,帮助用户快速构建专业级落地页面,实现移动端与PC端数据实时同步展示。查看源码
  • (PC+WAP)生活资讯百科新闻门户类pbootcms网站模板为生活资讯、百科门户类企业打造的高性能网站模板,基于PbootCMS开源内核开发,采用HTML5响应式架构,PC与手机端实时数据同步,覆盖全终端用户浏览场景。查看源码
分享笔记 (共有 篇笔记)
验证码: