JavaScript 仅用于(粘贴!)文本字段中的数字

发布于 2024-12-07 18:37:59 字数 238 浏览 0 评论 0原文

我正在使用 此脚本 来创建一个仅包含数字的文本字段,并且效果很好,只有我的用户无法过去数字,并且由于我需要 7 个以上的数字,我猜很多人会使用复制粘贴。

我看到一些使用 jquery 的解决方案,但接缝对我来说有点太重了,并且必须有一些允许粘贴的轻量优雅的解决方案?

I'm using this script to have a textfield with only numbers, and it works just fine, only my users cant past a number, and as I need 7+ digits, I guess a lot of people will be using copy paste.

I saw some solutions which use jquery, but seams a bit too heavy for me, and there mus be some light elegant solution which allows pasting?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

海螺姑娘 2024-12-14 18:37:59

您可以使用 HTML5 中引入的 number 类型:

<input type="number" min="0" max="9999999">

并非所有地方都支持它,但您可以使用 input.onpropertychange 事件为 IE 添加后备,并检查 window处理程序内的 .event.propertyName == 'value' 用于侦听输入字段中的任何更改。

对于其他浏览器,您可以尝试“input”事件。或者简单地验证和修改 blur 以便对用户更好。

正如其他人所提到的,在用户键入时执行此操作被认为是不好的做法。 number 属性添加了一种相当不错的方法来自行处理此问题。

You can use the number type introduced in HTML5:

<input type="number" min="0" max="9999999">

It’s not supported everywhere, but you can add a fallback for IE using the input.onpropertychange event and check for window.event.propertyName == 'value' inside the handler to listen for any changes in the input field.

For other browsers, you can try the "input" event. Or simply validate and modify on blur to be nicer to the user.

As others have mentioned, it’s considered bad practice to do this as the user types. The number attribute adds a pretty decent way of handling this on it’s own.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文