ajax无刷新评论功能

这是留言板的界面，当用户点击提交留言的时候，自动提交到我的留言下面

留言内容中为空，或者为灰色的“没有填写留言内容”都会弹出 请填写留言内容，当用户填写信息的会在右下角显示当前留言的字数。

下面是javascript的代码

//去掉左右尖括号 并用去掉空格后的字符串替代显示 
function replaceBrackets(id) { 
  var inputValue = $("#" + id).val(); 
  while (inputValue.indexOf("<") != -1) { 
    inputValue = inputValue.replace("<", "["); 
  } 
  while (inputValue.indexOf(">") != -1) { 
    inputValue = inputValue.replace(">", "]"); 
  } 
  while (inputValue.indexOf("&") != -1) { 
    inputValue = inputValue.replace("&", " "); 
  } 
  $("#" + id).val(inputValue); 
} 
 
function replaceChar(name, char) { 
  var inputValue = $("#" + name).val(); 
  while (inputValue.indexOf(char) != -1) { 
    inputValue = inputValue.replace(char, ""); 
  } 
  return inputValue; 
} 
 
$("#txtMessage").blur(function () { 
  $("#txtMessage").val(replaceChar("txtMessage", "<!--")); 
  if ($("#txtMessage").val() == "") { 
    document.getElementById("txtMessage").style.color = "#8C8C8C"; 
    $("#txtMessage").val("没有填写留言内容"); 
    return false; 
  } 
  replaceBrackets("txtMessage"); 
  return true; 
}); 
 
$("#txtMessage").focus(function () { 
  if ($("#txtMessage").val() == "没有填写留言内容") { 
    document.getElementById("txtMessage").style.color = "#000000"; 
    $("#txtMessage").val(""); 
  } 
}); 
 
function txtanum(id, name)  //统计txta的输入字数 
{ 
  var maxl = 151; 
  var num = 150; 
  var content = $("#" + id).val(); 
  content.slice(0, maxl); 
  var nowlength = content.length; 
  if (nowlength >= 0) { 
    if (nowlength < num) 
      $("#" + name).text(nowlength); 
    else 
      $("#" + name).text(num); 
  } else 
    $("#" + id).val(content.substring(0, maxl - 1)); 
 
  if (nowlength == 0) 
    $("#" + name).text(0); 
 
  if (nowlength > num) 
    $("#" + id).val(content.substring(0, num)); 
} 
 
 
var isSubmit = false; 
$('#subMessage').click(function () { 
 
  if (isSubmit) { 
    return; 
  } 
  isSubmit = true; 
  if ($("#txtMessage").val() == "没有填写留言内容" || $.trim($("#txtMessage").val()) == "") { 
    alert("请输入留言内容！"); 
    isSubmit = false; 
    return; 
  } 
  $.ajax({ 
    type: "POST", 
    url: app_param.path_context+"/user/member/msgboard/save", 
    data: { "context": ($("#txtMessage").val()) }, 
    error: function () { 
      isSubmit = false; 
    }, 
    success: function (data) { 
      if (data) { 
        addRow(data); 
        isSubmit=false; 
       $('#zanwu').hide(); 
        document.getElementById("txtMessage").style.color = "#8C8C8C"; 
    $("#txtMessage").val("没有填写留言内容"); 
      }  
    } 
  }); 
  function addRow(messageboard) { 
    var table = $("#tblmsg"); 
    var html = []; 
    html.push("<tr>"); 
    html.push("<td class='m_time'>"); 
    html.push(messageboard.createDate); 
    html.push("</td>"); 
    html.push("<td>"); 
    html.push(messageboard.context); 
    html.push("</td>"); 
    html.push("<td style='border-right: 0;' class='m_order_procz'>"); 
    html.push("<a class='xxx' href='messagereply/"+messageboard.id+"'>查看</a>"); 
    html.push("</td>"); 
    html.push("</tr>"); 
    html = html.join(''); 
    table.append(html); 
  } 
 
}); 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# ajax无刷新评论  # jQuery无刷新评论  # ajax刷新评论  # 纯JS实现AJAX局部刷新功能  # AJAX如何实现无刷新登录功能  # ajax的分页查询示例（不刷新页面）  # Ajax解决多余刷新的两种方法(总结)  # 留言内容  # 这是  # 会在  # 请输入  # 弹出  # 请填写  # 大家多多  # 为空  # blur  # txtMessage  # document  # style  # getElementById  # amp  # gt  # replaceChar  # return  # char  # txtanum  # txta 

相关文章： 家庭服务器如何搭建个人网站？  广东专业制作网站有哪些,广东省能源集团有限公司官网？  网站专业制作公司有哪些,做一个公司网站要多少钱？  建站主机选购指南：核心配置与性价比推荐解析  如何选择香港主机高效搭建外贸独立站？  如何选择高效稳定的ISP建站解决方案？  建站168自助建站系统：快速模板定制与SEO优化指南  如何破解联通资金短缺导致的基站建设难题？  如何续费美橙建站之星域名及服务？  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  c# 服务器GC和工作站GC的区别和设置  视频网站制作教程,怎么样制作优酷网的小视频？  建站主机CVM配置优化、SEO策略与性能提升指南  c++ stringstream用法详解_c++字符串与数字转换利器  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  代购小票制作网站有哪些,购物小票的简要说明？  如何高效配置IIS服务器搭建网站？  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  如何在景安云服务器上绑定域名并配置虚拟主机？  ,网页ppt怎么弄成自己的ppt？  如何通过虚拟主机快速搭建个人网站？  如何在IIS中配置站点IP、端口及主机头？  制作网站的软件免费下载,免费制作app哪个平台好？  为什么Go需要go mod文件_Go go mod文件作用说明  如何打造高效商业网站？建站目的决定转化率  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  如何快速建站并高效导出源代码？  如何选择高效响应式自助建站源码系统？  javascript中对象的定义、使用以及对象和原型链操作小结  电脑免费海报制作网站推荐,招聘海报哪个网站多？  如何在万网自助建站平台快速创建网站？  linux top下的 minerd 木马清除方法  ppt制作免费网站有哪些,ppt模板免费下载网站？  微课制作网站有哪些,微课网怎么进？  如何用虚拟主机快速搭建网站？详细步骤解析  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  天津个人网站制作公司,天津网约车驾驶员从业资格证官网？  北京网站制作的公司有哪些,北京白云观官方网站？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  教学论文网站制作软件有哪些,写论文用什么软件 ？  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  实现虚拟支付需哪些建站技术支撑？  如何挑选优质建站一级代理提升网站排名？  南平网站制作公司,2025年南平市事业单位报名时间？  独立制作一个网站多少钱,建立网站需要花多少钱？  如何在局域网内绑定自建网站域名？  c++怎么用jemalloc c++替换默认内存分配器【性能】  如何在自有机房高效搭建专业网站？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？