Question

大家好我有输入字段，我想实时验证插入的字符。我希望这个输入字段只接受字母，数字和一个空格。如果插入例如*，脚本将删除此字符。

此致

输入档案：

onkeyup="check(this,'onlyletter')" onblur="check(this,'onlyletter')

在JS上：

var r={
'onlyletter': // i need correct regular expression
}

function check(o,w){
// i need function
}

我有：Abc123'123 *但我接受Abc123 123

Answer 1

与原始JS：

线索在方法转换

中

<html>
<head>
    <script>    
        function transform(elem) {
            var v = elem.value;
            var n = "";

            //loop it to cut of more than 1 -- e.g. on copy & paste
            if(v.length) {
                n = v.slice(-1);
                if( !isNaN(parseFloat(n)) && isFinite(n) ) {
                    elem.value = v.substring(0, v.length - 1);
                }
            }
       }
    </script>
</head>
<body>
    <input
        type="text"
        name="date"
        placeholder="Text only!"
        onkeyup="transform(this);"
        maxlength="10"
    >
</body>
</html>

使用jquery

的替代方式

MASK将文本字段仅接受字母。现在可以通过多种方式完成。一个是查询掩码插件

你只需要查询，查询掩码然后它是1行代码;）

演示：

<html>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.mask.min.js"></script>
<script type="text/javascript">
      $(document).ready(function(){ 
          //masked input for alphabets only 
          //constrained to 20 characters in length without spaces                      
          $("#myTextField").mask("SSSSSSSSSSSSSSSSSSSS");
      });
</script>
<body>
  <br><input type = "text" id="myTextField" name="Text Field"></br>
</body>
</html>

验证输入字段和块字符

1 个答案:

与原始JS：

使用jquery