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

最新推荐文章于 2024-10-10 13:14:28 发布

转载最新推荐文章于 2024-10-10 13:14:28 发布 · 7k 阅读

文章标签：

#表单 #验证 #字符 #特殊 #空格

PHP 专栏收录该内容

29 篇文章

订阅专栏

本文介绍如何使用JQuery限制HTML输入框中特殊字符的输入，并提供了完整的代码示例及运行效果。

代码如下：

　　　　
<!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>