ajax无刷新评论功能
这是留言板的界面,当用户点击提交留言的时候,自动提交到我的留言下面
留言内容中为空,或者为灰色的"没有填写留言内容"都会弹出请填写留言内容,当用户填写信息的会在右下角显示当前留言的字数。
下面是爪哇岛描述语言的代码
//去掉左右尖括号并用去掉空格后的字符串替代显示函数替换括号(id){ var InputValue=$(“#”id).val();while (inputValue.indexOf(" ")!=-1){输入值=输入值。替换(','[');} while (inputValue.indexOf(" ")!=-1){输入值=输入值。替换(',']');} while (inputValue.indexOf(" ")!=-1){输入值=输入值。替换(',' ');} $(“#”id).值(输入值);}函数replaceChar(name,char){ var inputValue=$("#"name).val();while (inputValue.indexOf(char)!=-1){输入值=输入值。替换(字符' ');}返回inputValue} $('#txtMessage ').blur(function () { $('#txtMessage ')).val(replaceChar('txtMessage ','!- '));if ($('#txtMessage ').val()==' '){ document。getelementbyid(' txtMessage ')。风格。color=' # 8c8c$('#txtMessage ')." val("没有填写留言内容');返回false}替换括号(' TxtMessage ');返回真;});$('#txtMessage ').focus(function(){ if($(' # TxtMessage '))).val()=='没有填写留言内容){文档。getelementbyid(' txtMessage ')。风格。color=' # 000000$('#txtMessage ').val(" ");} });函数txtanum(id,name) //统计txta的输入字数{ var maxl=151var num=150var内容=$("#"id).val();content.slice(0,maxl);var now length=content . length if(now length=0){ if(now length num)$(“#”name).文本(现在长度);else $("# "名称)。文本(数字);} else $(“#”id).val(content.substring(0,maxl-1));if(现在长度==0)$("# "名称)。文本(0);if(现在长度数字)$("#"id).val(content.substring(0,num));} var isSubmit=false $(' # subMessage ').单击(function(){ if(isSubmit){ return;} isSubmit=true if($(' # TxtMessage ').val()=='没有填写留言内容' || $.修剪($('#txtMessage ').val())=='') { alert('请输入留言内容!');isSubmit=false返回;} $.ajax({ type: 'POST ',URL : app _ param。path _ context '/user/member/msg board/save ',数据: { ' context ' :($(' # txtMessage ').val()) },错误: function(){ isSubmit=false;},成功:函数(数据){ if(数据){ addRow(数据);isSubmit=false$('#zanwu ').hide();文件。getelementbyid(' txtMessage ')。风格。color=' # 8c8c$('#txtMessage ')." val("没有填写留言内容');} } });函数addRow(留言板){ var table=$(' # tblmsg ');var html=[];html。push(' tr ');html。push(' TD class=' m _ time ' ');html。推送(留言板。创建日期);html。push('/TD ');html。推送(' TD ');html。推送(留言板。上下文);html。push('/TD ');html。push(' TD style=' border-right : 0;class=' m _ order _ procz ' ');html。push(' a class=' XXX ' href=' message reply/'留言板。id’)查看/a ');html。push('/TD ');html。push('/tr ');html=html。联接(" ");桌子。追加(html);} });以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
版权声明:ajax无刷新评论功能是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。