限制表单输入框过滤特殊字符及空格

来源：互联网发布：js set to array 编辑：程序博客网时间：2024/05/21 09:48
代码如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
　　　　
　　　
　　
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>实现JQuery限制输入框仅接受特殊字符的输入</title>
    <link href="css/style.css" rel="stylesheet">
    <script src="js/jquery-1.9.1.js" type="text/javascript"></script>
</head>
<body>
<div class="box">
  <h2 class="h2-caption"> 实现JQuery限制输入框仅接受特殊字符的输入</h2>
  <hr><br>
  <p>不允许输入特殊字符和空格：<input id="code" type="text" name="" value="" onkeypress="return ValidateSpecialCharacter();" onblur="validate(this)"></p>
  <p>不允许输入空格：<input type="text"  id="dd" name="" value="" onkeyup="value=value.replace(/\s/g,'')"></p>
</div>
 
<script type="text/javascript">
 
  function ValidateSpecialCharacter(){
      var code;
      if(document.all) { //判断是否是IE浏览器
          code = window.event.keyCode;
      }else{
          code = arguments.callee.caller.arguments[0].which;
      }
      var character = String.fromCharCode(code);
      var txt=new RegExp("[ ,\\`,\\~,\\!,\\@,\#,\\$,\\%,\\^,\\+,\\*,\\&,\\\\,\\/,\\?,\\|,\\:,\\.,\\<,\\>,\\{,\},\\(,\\),\\'',\\;,\\=,\"]");
      //特殊字符正则表达式
      if(txt.test(character)){
          if(document.all){
              window.event.returnValue = false;
          }else{
              arguments.callee.caller.arguments[0].preventDefault();
          }
      }
  }
// 验证中文字符和特殊字符
  function chineseVaildate(value){
      if(value == null || value=="")
      return true;
      if((/[\u4E00-\u9FA5]+/.test(value))){
          return false;
      }
      return true;
  }
  function validate(obj){
      if(!chineseVaildate(obj.value)){
          alert("有特殊字符和中文字符");
      }
  }
 
</script>
 
</body>
</html>
</html>
 
 　
 　　
效果图如下：
QQ截图20170508133739.jpg
阅读全文
0 0