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进行提示。