jquery输入数字-如何设置jquery只填写数字

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

在jquery中，您可以使用replace()方法和正则表达式来仅设置数字。 Replace()方法用于替换与正则表达式匹配的子字符串。 当内容不是数字时，不会显示。 句型为“指定元素object.val().replace(/[^d]/g,"")”。

本教程的运行环境：windows10系统，jquery3.2.1版本，DellG3笔记本。

如何设置jquery只填写数字

有些输入文本框需要进行一些判断jquery输入数字，只能输入数字。 这个判断可以通过正则表达式来判断。 当用户输入的内容不是数字时，不会显示在输入文本框中。 让我们看看如何只能输入jq。 数字。

句型：

$('input').on('input propertychange', function(e) {
var text = $(this).val().replace(/[^d]/g, "");
$(this).val(text)   
})

登录后复制

创建一个新的 html 文件。

在html文件上创建一个input输入框jquery输入数字，然后设置输入框的大小。

代码：

导入 jquery.min.js 文件。

代码：

使用正则表达式来判断用户每次输入的内容，如果内容不是数字，则不会显示。

代码：

$(function(){
$('input').on('input propertychange', function(e) {
var text = $(this).val().replace(/[^d]/g, "");
$(this).val(text)   
})
})

登录后复制

如图所示：

保存html文件后，用浏览器打开进行测试，发现非数字内容的输入无法显示在文本框上。 如图所示：

只需将所有代码复制粘贴到新建的html文件中，保存后即可看到效果。

所有代码：

$(function(){
$('input').on('input propertychange', function(e) {
var text = $(this).val().replace(/[^d]/g, "");
$(this).val(text)   
})
})

登录后复制

相关视频教程推荐：jQuery视频教程