jquery判断是数字-如何设置jquery只填写数字

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

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

如何设置jquery只填写数字

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

语法：

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

登录复制

创建一个新的 html 文件。

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

代码：

导入 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视频教程