输入字段中的字符限制为字母和数字

2023-12-30

我希望尝试在我的网站上订阅的人输入昵称,并且该昵称应仅由字母和数字组成(根本没有特殊字符)。

我想要以下内容:abcdefghijklmnopqrstuvwxyz1234567890 only.

我如何检查它是否只有这些?


HTML5 解决方案将是...

<input type="text" id="input-nickname" name="nickname" pattern="[a-z\d]*"  />

jsFiddle http://jsfiddle.net/alexdickson/DPzuT/.

但是,为了获得最佳浏览器支持,您可以使用 JavaScript...

document.getElementById('input-nickname').onkeyup = function(event) {

    this.value = this.value.replace(/[^a-z\d]/, '');

}

jsFiddle http://jsfiddle.net/alexdickson/vv5hh/.

要使 JavaScript 版本类似于 HTML5 方法,请查看表单的submit event.

请记住,这对字母和数字有相当严格的定义。为了获得正确的 Unicode 支持,请找到您关心并使用的范围\u0000-\uFFFF来指定它。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

输入字段中的字符限制为字母和数字 的相关文章

  • 在 iOS 下不再显示取消按钮 (x)

  • 在这些情况下限制破折号的正则表达式模式

    Scenario 我正在使用第三方文件重命名软件 该软件是用 Delphi 编写的 并且具有 pascal 脚本支持 该应用程序允许使用正则表达式来重命名文件 这意味着 如果我需要对文件名执行的操作不能仅使用一个正则表达式来完成 那么我可以
  • 带文本板的多行正则表达式

    我不知道如何使文本板执行扩展多行的正则表达式 我尝试使用 perl 语法与 myregex m 和 m 作为修饰符 但这不起作用 我在编辑器中看不到复选框或任何内容来告诉它执行多行操作 有人有主意吗 这是完全可能的 而且简单 你只需使用 n
  • 带有 TinyMCE 的文本区域。提交按钮不起作用

    您好 我正在使用 TinyMCE 制作一个带有文本区域的表单 当我按下提交按钮将其发送到 php DB 时 该按钮不执行任何操作 我已将文本区域放在评论中 看看这是否是问题所在 并且它有效 所以我推断这是问题所在 这是我的表单代码 div
  • (Vue) Ant Design 使用 v-decorator 以 ant 形式显示客户端和服务器端验证

    我用过蚂蚁设计的表单组件v decorators用于验证表单 我想显示客户端 我当前已完成的 v decorator 规则验证 以及服务器端表单数据验证 将此视为示例登录表单
  • zip 样式 @repeat 嵌套形式

    repeat非常有用 然而 我遇到了嵌套表单的障碍 我需要制作一个比赛日程表 它有 2 个属性 日程数据 比赛日期 时间 地点 对手 和提交球队备注 例如 由于冬季风暴 1 月 7 日的比赛已移至1 月 9 日在 夏威夷 表单映射基于 ca
  • 姜戈。登录表单的错误消息

    我制作登录名 密码表格 model class LoginForm forms Form username forms CharField max length 100 password forms CharField widget for
  • 检测 UTF-8 编码文本文件中的损坏字符

    我有一个使用错误的字符编码编辑的文本文件 因此当我使用 UTF 8 打开它时 某些字符串中有一些 mojibake 和损坏的字符 哪种脚本语言能够最有效地检测这些损坏的字符 Perl 不是一个选择 我基本上试图找到一种使用脚本扫描文本文件并
  • JavaScript 解析 bbcode url

    我已经尝试解析 JavaScript 中的 bbcode URL 标签有一段时间了 例如 url http examp le linktext url 应该成为 a href http examp le linktext a 我对此做了很多
  • 用于提取 FDF 数据的 PHP 正则表达式代码

    我正在尝试使用 PHP 和正则表达式解析 FDF 文件 但我就是无法理解正则表达式 我一直在解析文件以生成数组 FDF 1 2 1 0 obj lt lt FDF lt lt Fields lt lt V email protected c
  • 从多个“输入:文件”中删除 FileList 项

    我有这个 DOM var id 0 input file upload 0 files id 这是第 0 个索引上的第一个文件 列出了文件属性并且一切正常 但是 我们如何从 DOM 中删除项目 object FileList 使用 Java
  • C# 中的高级替换

    我喜欢用 C 替换 xml 字符串 中的一些属性 示例 XML
  • 为 Final-form-arrays 中的数组提供初始值会导致状态更改重置整个表单,我该如何防止这种情况?

    我有一个使用最终表单数组的表单 表单有效且验证有效 但是 当我在组件内进行状态更改时 它会重置我的所有值 我能够使用react final form arrays提供的相同示例复制该问题 https codesandbox io embed
  • 如何在 标签中用 %20 替换空格

    我想替换 html 文本的图像标签中的所有空格 Example img src to img src photo 201 jpg 我没有找到 preg replace 的解决方案 但它可能是一个简单的正则表达式行 谢谢 Edit 抱歉各位
  • Chrome 不渲染
    标签,FF 渲染

    我有一个非常烦人的问题 我的网站有一个表单 可以在 Firefox 中运行 但不能在 IE 或 Chrome 中运行 它是用 WordPress 的 Gravity Forms 制作的 但这可能与该问题无关 因为另一个表单插件也出现了同样的
  • 如何验证电子邮件地址与网站域名是否匹配?

    我的表单上有 2 个输入字段 电子邮件和网站 如何使用 JQuery 验证电子邮件地址域必须与网站域匹配 例如 如果网站是http example com http example com或带 www 或不带 http 或不带http ww
  • Pandas 字符串提取所有匹配项

    我正在学习 pandas 系列字符串方法中的正则表达式操作 我能够从字符串中提取第一个数字 但我的正则表达式与第二个数字不匹配 如何捕获这两个数字 注意第二行 第二个元素在这里是 NAN CODE import pandas as pd d
  • 为什么在线解析器似乎停在正则表达式处?

    我一直想知道为什么似乎没有任何解析器 比如说 BNF http en wikipedia org wiki Backus E2 80 93Naur Form 其行为类似于各种库中的正则表达式 当然 还有类似的事情ANTLR http www
  • ( 后的正则表达式匹配数

    我正在尝试使用正则表达式来匹配开括号 字符后的可变长度的数字 我努力了 d 但该正则表达式在匹配中包含括号 我该如何排除它 我正在使用 Sublime Text 正则表达式引擎来进行匹配 您可以使用积极的后视 http www regula
  • 如何仅替换多个文件中记事本++中的第一个文本实例?

    我正在努力更新一个网站并进行一些更改 并且我已经成功使用标准查找和替换搜索对多个文件进行了大部分更改 我的 f r 中只留下一个错误需要修复 但它在整个文档中出现了几次 我只想替换第一个实例 这是唯一一次错误 div class boxb

随机推荐

  • Angular 2 - 在控件初始化后添加验证器

    我想知道如何将验证器添加到已经创建的 formControl 使用它自己的验证器创建的 但是 让我们想象一下 经过一段时间的延迟后 我想添加另一个 或者我有一个自定义控件 其中包含一些验证器本身 并且我想创建外部反应式表单并将内部验证器添加
  • D3.js中的selection.style和selection.attr有什么区别?

    我发现它们在我的测试中都有效 on mouseover function d3 select this select text style fill red or on mouseover function d3 select this s
  • Flutter Dart HTTP POST 请求正文在服务器端为空

    我正在开发 Flutter 平板电脑应用程序 一旦输入一个输入字段 我就会尝试向服务器发送一个发布请求 以下是我为此调用的方法 Future lt http Response gt postRequest async print globa
  • 在环境变量中设置额外的主机

    我正在使用 docker compose 来运行我的应用程序 为此 我需要在容器内设置主机 这取决于我正在运行的环境 我的方法是 创建环境文件并设置变量 application env SERVER IP 10 10 9 134 我的 do
  • 发出拉取请求后,Jenkins 将禁用分支上的项目构建

    注意 我只在我的一个分支中设置了 Jenkinsfile 而不是在主分支中设置 我已经设置了 Git webhooks 来监视推送到我的 Github 存储库的事件 但是 我注意到我的 Jenkins 构建作为分支工作正常 拾取推送事件 触
  • 从 SQL 表中选择行的百分比?

    我有一个带有 PHP 脚本的网站 该脚本内部有一个 SQL 查询 返回由 JavaScript 文件访问的数据 该数据是一个巨大的航班数据列表 我需要能够随机选择 比方说 任何指定日期的总航班数的 40 为了论证起见 让我们这样说 quer
  • 指针可以指向它自己吗?

    我的问题是 如果指针变量的地址与其值相同 那么它真的指向自身吗 例如 在下面的代码中 是a指向自身的指针 include
  • 熊猫的分层抽样

    我看过Sklearn 分层抽样文档 http scikit learn org stable modules generated sklearn model selection train test split html以及熊猫文档 htt
  • 对象方法的匿名函数[重复]

    这个问题在这里已经有答案了 可能的重复 直接调用分配给对象属性的闭包 https stackoverflow com questions 4535330 calling closure assigned to object property
  • 基于 C# 套接字的 HTTP

    我正在尝试通过 C 套接字发送 HTTP 请求并从服务器接收响应 而且我是这种语言的新手 我写了以下代码 IP解析正确 IPEndPoint RHost new IPEndPoint IP Port Socket socket new So
  • Windows命令行重定向下的c ++换行符

    我发现 Windows 命令行重定向会自动将 n 替换为 r n 有什么方法可以避免这种情况吗 因为在 stdout 或 stderr 重定向之后 如果将 r n 写入控制台 您将得到 r r n 而不是 r n 多谢 你可以尝试一个简单的
  • Visual Studio 中使用的 JavaScript 参考语法是什么?

    在 Visual Studio 2012 中 我创建了一个 Web 应用程序 然后在默认值中找到了以下行 references js项目附带的脚本
  • 为什么没有 boost::intrusive::map ?

    升压文档 http www boost org doc libs 1 55 0 doc html intrusive html http www boost org doc libs 1 55 0 doc html intrusive ht
  • OpenCV:加载带有 alpha 通道但 8 位深度的图像

    我对这些标志有点困惑cv imread takes 我的目标是加载具有 alpha 通道的图像 即CV 8UC4 同时我想始终以 8 位深度加载它们 首先我尝试使用以下内容 cv imread path cv IMREAD COLOR 这会
  • 如何设置文本区域滚动条的样式

    我在联系表单中有一个使用 css 样式的文本区域 它看起来很棒 直到我写的内容超出了该区域可以容纳的范围 当我这样做时 会出现一个滚动条 并且这个滚动条在我的深色样式中看起来很糟糕 它是黑底白字 文本 那么我该如何设计这个呢 我用谷歌搜索了
  • 在 Android .aar 库中重新打包 .jar-s

    源代码 Library https bitbucket org victorapoyan renamingpackagedependency 使用库的项目 https bitbucket org victorapoyan renamingp
  • Ember 升级中的 JQueryUI

    按照建议升级并关闭 Bower 后 有没有办法在不使用 Bower 的情况下将 JQueryUI 包含到 Ember 项目中 我的项目很大程度上依赖于 JQueryUI 对话框 ember v ember cli 3 3 0 node 8
  • 如何在 JavaScript 调试终端中运行 VSCode 任务?

    我希望 VSCode 运行此任务 label Start type shell command npm run start dependsOn Set Envs problemMatcher presentation group Main
  • 如何从 golang 中的 http 请求中读取标头?

    如果我收到类型的请求http Request 如何读取特定标头的值 在本例中 我想从请求标头中提取 jwt 令牌的值 您可以使用r Header Get https golang org pkg net http Header Get fu
  • 输入字段中的字符限制为字母和数字

    我希望尝试在我的网站上订阅的人输入昵称 并且该昵称应仅由字母和数字组成 根本没有特殊字符 我想要以下内容 abcdefghijklmnopqrstuvwxyz1234567890 only 我如何检查它是否只有这些 HTML5 解决方案将是