Javascript Regex Only Textbox

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript Regex Only Textbox，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1074字，纯文字阅读大概需要2分钟。

内容图文

我能够在c#/ .net中找到解决方案,但不能用于常规的web html.如果已经有答案让我知道,我会提出问题.

如何根据给定的正则表达式创建一个只允许某些字符(例如字母数字)的文本框(例如[a-zA-Z0-9])？因此,如果用户尝试输入任何其他内容,则粘贴包含,将被删除或不允许.

<input type="text" class="alphanumericOnly">

解决方法:

基本功能是这样的：

string = string.replace(/[^a-zA-Z0-9]/g, '')

这将替换[a-zA-Z0-9]未描述的任何字符.

现在您可以直接将它放入元素声明中：

<input type="text" class="alphanumericOnly" onkeyup="this.value=this.value.replace(/[^a-zA-Z0-9]/g, '')">

或者(当您使用类提示时)将此行为分配给具有类alphanumericOnly的每个输入元素：

var inputElems = document.getElemenstByTagName("input");
for (var i=0; i<inputElems.length; i++) {
    var elem = inputElems[i];
    if (elem.nodeName == "INPUT" && /(?:^|\s+)alphanumericOnly(?:\s+|$)/.test(elem.className) {
        elem.onkeyup = function() {
            this.value = this.value.replace(/[^a-zA-Z0-9]/g, '');
        }
    }
}

但是使用jQuery或其他JavaScript框架可能更容易做到这一点：

$("input.alphanumericOnly").bind("keyup", function(e) {
    this.value = this.value.replace(/[^a-zA-Z0-9]/g, '');
});

内容总结

以上是互联网集市为您收集整理的Javascript Regex Only Textbox全部内容，希望文章能够帮你解决Javascript Regex Only Textbox所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端