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>

秒客网

input中禁止输入特殊字符

相关文章