javascript - 不允许粘贴任何非字母数字字符

Question

我不希望用户允许在文本框中粘贴任何非字母数字字符。我如何在 Javascript 中限制它？谢谢!!

Answer 1

使用 jQuery，这是一种方法:

HTML:

​<form name='theform' id='theform' action=''>
<textarea id='nonumbers' cols='60' rows='10'> </textarea>
</form>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

JavaScript:

$().ready(function(){
    $("textarea#nonumbers").keyup(removeextra).blur(removeextra);
});
function removeextra() {
    var initVal = $(this).val();
    outputVal = initVal.replace(/[^0-9a-zA-Z]/g,"");       
    if (initVal != outputVal) {
        $(this).val(outputVal);
    }
};

Try it out here.

编辑:如评论中所述，原始文件(使用 .keyup() 事件)可能会保留通过鼠标上下文菜单进行粘贴的可能性，因此我添加了一个 .blur() 事件。 .change() 也是可能的，但有错误的报告。另一种选择是使用 .focusout()。实验时间...