js自动过滤替换页面文本框和文本域内容中的特殊字符并进行提示
在开发java web页面时需要校验用户的输入内容是否合法,在进行校验时我们可以单独把校验特殊字符这块抽取出来,只需要在每个页面引用下该js即可实现校验不需要再页面设置其他东西,js会自动捕捉页面文本框和文本域,同时也方便了以后代码的复用。
代码如下:
var tagname=''; var attrid=''; var tagvalue=''; document.oninput = function(e){ var o = e.srcElement || e.target; getValue(o); if(tagname !='' && tagname=='INPUT'){ if(tagvalue != '' && !/^[^\<>]*$/.test(tagvalue)){ //包含<>返回false //alert("输入内容不能包含特殊字符,如尖括号(<>)"); var str = tagvalue.replace('<', '').replace('>', ''); $(o).val(str);//把过滤特殊字符后的内容赋值给文本框 tagvalue='';//当输入第一个字符为特殊字符,回退键删除后会有缓存 popArtDialog("您输入的内容中包含了特殊字符如尖括号<>,系统已自动过滤!"); return false; } return true; } if(tagname !='' && tagname=='TEXTAREA'){ if(tagvalue != '' && !/^[^\<>]*$/.test(tagvalue)){ //包含<>返回false //alert("输入内容不能包含特殊字符"); var str = tagvalue.replace('<', '').replace('>', ''); $(o).val(str);//把过滤特殊字符后的内容赋值给文本框 tagvalue=''; popArtDialog("您输入的内容中包含了特殊字符如尖括号<>,系统已自动过滤!"); return false; } return true; } } function popArtDialog(str){ art.dialog({ content: str, icon: 'warning', lock:true, ok: function(){ } }); } function getValue(o){ if(o.tagName!=''){ tagname=o.tagName; } if($(o).attr('id')){ attrid=$(o).attr('id'); } if($(o).val()){ tagvalue=$(o).val(); } }
在代码中的弹出提示用的artdialog,artdialog使得提示信息更加的漂亮不在单调,使用artdialog需要引入外部的artdialog组件,这里就不在详细讲述了,简单起见你也可以用alert进行提示。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。