Javascript restrict()用于过滤输入

Question

我环顾四周，真的没有找到任何关于这个函数的东西，也没有找到我想要用它做什么。

在注册表中，我有以下内容：

<label>*Email
<input type="email" name="email" id="email" minlength="5" maxlength="40" onfocus="emptyElement('status')" onkeyup="restrict('email')"/>
</label>

在javascript文件中，我输入了：

function restrict(elem){
            var tf = _(elem);
            var rx = new RegExp;
            if(elem === "email"){
                rx = /[' "]/gi;
            } else if(elem === "username"){
                rx = /[^a-z0-9]/gi;
            }
            tf.value = tf.value.replace(rx, "");
        }

我尝试做的是将此字段和用户名字段中的内容限制为上面提到的限制。

来自控制台的错误是: TypeError: tf.value.replace不是一个函数。

感谢任何人可能有的任何提示！

Answer 1

该错误消息意味着tf.value上不存在函数String.replace。这是因为tf.value不是字符串。要弄清楚是怎么回事，您可以查看jQuery文档，了解它们希望您如何对元素的值执行get和set操作。

查看这两个链接，您可以看到设置和获取元素值的正确方法如下所示：

// Set    
$(element).val("value");

// Get
$(element).val();

你的代码还有一些其他的问题。首先，jQuery通常使用$作为前缀。其次，jQuery在查找元素时使用CSS selectors，因此您需要在任何id前加上#，以便根据id查找元素。你的代码应该看起来像这样：

function restrict(elem){
  var tf = $('#' + elem);
  var rx = new RegExp();
  if(elem === "email"){
    rx = /[' "]/gi;
  } else if(elem === "username"){
    rx = /[^a-z0-9]/gi;
  }
  tf.val(tf.val().replace(rx, ""));
}