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 

相关文章： 如何挑选高效建站主机与优质域名？  python的本地网站制作,如何创建本地站点？  如何通过wdcp面板快速创建网站？  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  ui设计制作网站有哪些,手机UI设计网址吗？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  建站DNS解析失败？如何正确配置域名服务器？  制作门户网站的参考文献在哪,小说网站怎么建立？  制作营销网站公司,淘特是干什么用的？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  零服务器AI建站解决方案：快速部署与云端平台低成本实践  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  北京专业网站制作设计师招聘,北京白云观官方网站？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  建站之星如何通过成品分离优化网站效率？  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  建站之星如何保障用户数据免受黑客入侵？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  建站主机数据库如何配置才能提升网站性能？  建站上传速度慢？如何优化加速网站加载效率？  公司门户网站制作流程,华为官网怎么做？  建站之星24小时客服电话如何获取？  招商网站制作流程,网站招商广告语？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  制作网站的软件免费下载,免费制作app哪个平台好？  广东企业建站网站优化与SEO营销核心策略指南  如何在腾讯云服务器上快速搭建个人网站？  如何挑选最适合建站的高性能VPS主机？  5种Android数据存储方式汇总  如何选择高效响应式自助建站源码系统？  北京制作网站的公司,北京铁路集团官方网站？  如何快速完成中国万网建站详细流程？  ,想在网上投简历，哪几个网站比较好？  如何在自有机房高效搭建专业网站？  TestNG的testng.xml配置文件怎么写  网站代码制作软件有哪些,如何生成自己网站的代码？  建站之星logo尺寸如何设置最合适？  如何快速配置高效服务器建站软件？  Thinkphp 中 distinct 的用法解析  如何规划企业建站流程的关键步骤？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  建站之星安装后界面空白如何解决？  免费ppt制作网站,有没有值得推荐的免费PPT网站？  建站上市公司网站建设方案与SEO优化服务定制指南  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  建站VPS能否同时实现高效与安全翻墙？  网站制作说明怎么写,简述网页设计的流程并说明原因？