input中禁止输入特殊字符

时间:2022-12-19 17:09:02

当我们在文本框中输入一些特殊符号时,有些特殊字符传入到后台是会产生错误的,所以我们应该从根本上解决问题。

例图:

input中禁止输入特殊字符input中禁止输入特殊字符

当文本框中输入的文本含有特殊符号,就会弹出警示框

源码:

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery.1.12.4.js"></script>
<script type="text/javascript">

$(document).ready(function(){

$("button").click(function(){
// var regExp = /,/;
var text = $("input").val();
var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~!@#¥……&*()——|{}【】‘;:”“'。,、?%]");
var result = text.match(pattern);
if (!result)
{
$("#content").append(text+"<br>");
$("input").val("");
}else{

alert("含有特殊字符")
}
});
});
</script>
</head>
<body>
<div style="width: 400px;width: 400px;margin: auto">
<h3>公告墙</h3>
<div style="width: 300px;height: 300px;border: 1px solid #b3d4fc" id="content"></div>
<div style="margin-left: 50px;margin-top: 10px">输入框:<input type="text"></div>
<div style="width:100px;;margin: auto;margin-top: 10px">
<button>发布</button>
</div>
</div>
</body>
</html>