Summary of implementation methods for filtering special characters and preventing SQL injection in jquery (recommended)

今天写的代码给项目经理看了下，因为之前没有考虑sql注入的问题，

然后在他测试我的code的时候，打了一个“'”，然后我的程序就挂了！

于是乎，我在网上找到了一个验证并过滤文本框的jquery！

先上图：



PS：这里用@#测试，因为'太小了，都看不清楚了！

具体的jquery代码：

<script type="text/javascript" language="javascript">
	$(document).ready(function() {
		//返回
		$("#btnBack").click(function() {
			location.href = "${basePath}/user/user_List.jspx?action=peek";
		});
		
		//非空验证
		$("#btnSubmit").click(function(){
			if($("#name").val() == ""){
				alert("姓名必填！");
				$("#name").focus();
				return false;
			}
			
			//js验证 `~!@#$^&*()=|{}&#39;:;&#39;,\\[\\].<>/?~！@#￥……&*（）――|{}【】‘；：”“&#39;。，、？
			var pattern = new RegExp("[~&#39;!@#$%^&*()-+_=:]");
			if($("#name").val() != "" && $("#name").val() != null){
				if(pattern.test($("#name").val())){
					alert("非法字符！");
					$("#name").attr("value","");
					$("#name").focus();
					return false;
				}
			}
			
			if($("#enterDate").val() == ""){
				alert("入职时间必填！");
				return false;
			}
		});
		
		//是否存在用户名
		var existName = &#39;${action_msg}&#39;;
		if(existName != "" && existName != null){
			$("#span_").attr("style","display:block");
			$("#span_").attr("style","color:red");
			$("#span_").html("用户名"+existName+"已经存在！换~~");
		}else{
			$("#span_").attr("style","display:none");
		}
	});
</script>

这是以弹框的形式！

$(document).ready(function(){
		//过滤非法字符
		function stripscript(s){ 
			var pattern = new RegExp("[`~!@#$^&*()=|{}&#39;:;&#39;,\\[\\].<>/?~！@#￥……&*（）――|{}【】‘；：”“&#39;。，、？]") 
			var rs = ""; 
			for (var i = 0; i < s.length; i++) { 
				rs = rs+s.substr(i, 1).replace(pattern, &#39;&#39;); 
			} 
		return rs; 
		} 
		
		//批量删除
		$("#btnDel").click(function() {
			if(confirm("确认删除？")){
					var lstInt = new Array();
					var index = 0;
					$("input[name=&#39;checkbox&#39;]:checked").each(function() {
							lstInt[index] = $(this).attr("value");
							index++;
					});
					if (lstInt.length <= 0) {
						alert("你还没有选择！");
						return;
					}
					if (lstInt != null&& lstInt.length > 0) {
						location.href = &#39;${basePath}/user/delUser.jspx?idLst=&#39; + lstInt;
					}
				}
			});
		

		// 全选
		$("#allCheck").click(function() {
			$("#notAllCheck").attr("checked", "");
			$("input[name=&#39;checkbox&#39;]").not("input:checked").each(function() {
				$(this).attr("checked", "checked");
			});
		});
		// 全不选
		$("#notAllCheck").click(function() {
			$("#allCheck").attr("checked", "");
			$("input[name=&#39;checkbox&#39;]:checked").each(function() {
				$(this).attr("checked", "");
			});
		});
		
		//查询
		$("#btnSelect").click(function(){
			if($("#inputName").val() == "" || $("#inputName").val() == "请输入员工姓名！"){
				alert("请输入员工姓名！[支持模糊匹配]");
				$("#inputName").focus();
			}else if($("#inputName").val() == "&#39;" ){
				alert("输入非法字符！");
				$("#inputName").focus();
				$("#inputName").attr("value","");
			}else{
				var name = $("#inputName").val();
				location.href="user_List.jspx?inputName="+stripscript(name);
			}
		});
		
		//友情提示
		$("#inputName").blur(function(){
			if($("#inputName").val() == ""){
				$(this).attr("value","请输入员工姓名！");
			}
			$(this).css("color","#D6D6FF");
		});
		
		$("#inputName").focus(function(){
			if($("#inputName").val() == "请输入员工姓名！"){
				$(this).attr("value","");
			}
			$(this).css("color","#6699FF");
		});
		
		var name = &#39;${name}&#39;;
		if(name != &#39;&#39; && name != null){
			$("#inputName").attr("value",name);
		}
		
		$("#btnBackIndex").click(function(){
			location.href="user_List.jspx";
		});
	});

这是用空格来替换！

The above is the detailed content of Summary of implementation methods for filtering special characters and preventing SQL injection in jquery (recommended). For more information, please follow other related articles on the PHP Chinese website!