广告
返回顶部
首页 > 资讯 > 前端开发 > html >layui如何实现输入框中只允许输入整数
  • 539
分享到

layui如何实现输入框中只允许输入整数

2024-04-02 19:04:59 539人浏览 薄情痞子
摘要

小编给大家分享一下layui如何实现输入框中只允许输入整数,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!如下所示:<inp

小编给大家分享一下layui如何实现输入框中只允许输入整数,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

如下所示:

<input class="layui-input" onkeyup="value=zhzs(this.value)" lay-verify="required|number" id="" name="" value="" maxlength="7">
//转化正整数
function zhzs(value){

 value = value.replace(/[^\d]/g,'');
 if(''!=value){
  value = parseInt(value);
 }
 return value;
}

其他的正则

function clearNoNum(obj){
obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符
obj.value = obj.value.replace(/.{2,}/g,"."); //只保留第一个. 清除多余的
obj.value = obj.value.replace(/^./g,"");
obj.value = obj.value.replace(".","KaTeX parse error: Expected 'EOF', Got '#' at position 1: #̲").replace(/./g,"").replace("KaTeX parse error: Expected 'EOF', got '#' at position 1: #̲",".");
obj.value = obj.value.replace(/^(-)(\d+).(\d\d).$/,'$1$2.$3');//只能输入两个小数
if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
obj.value= parseFloat(obj.value);
}
return obj
}

以上是“layui如何实现输入框中只允许输入整数”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网html频道!

--结束END--

本文标题: layui如何实现输入框中只允许输入整数

本文链接: https://www.lsjlt.com/news/67856.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • layui如何实现输入框中只允许输入整数
    小编给大家分享一下layui如何实现输入框中只允许输入整数,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!如下所示:<inp...
    99+
    2022-10-19
  • JavaScript如何限制输入框只允许整数和小数点
    这篇文章给大家分享的是有关JavaScript如何限制输入框只允许整数和小数点的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。第一种方法:<!DOCTYPE HTM...
    99+
    2022-10-19
  • Asp.net怎么实现只允许输入数字
    在 ASP.NET 中,可以通过以下几种方法来实现只允许输入数字:1. 使用 JavaScript 进行前端验证:在文本框的输入事件...
    99+
    2023-08-18
    Asp.net
  • js如何实现限制输入框只能输入数字
    这篇文章主要介绍了js如何实现限制输入框只能输入数字,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。例子:html代码<input ty...
    99+
    2022-10-19
  • 如何实现JavaScript控制输入框中只能输入中文、数字和英文
    这篇文章主要介绍如何实现JavaScript控制输入框中只能输入中文、数字和英文,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体如下:1、问题背景:遇到这样一个问题:有一个输入框,...
    99+
    2022-10-19
  • JS如何控制只能输入数字并且最多允许小数点两位
    这篇文章主要介绍JS如何控制只能输入数字并且最多允许小数点两位,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体代码如下所示:<!DOCTYPE html> &...
    99+
    2022-10-19
  • Angularjs中如何验证input输入框只能输入数字和小数点
    这篇文章主要为大家展示了“Angularjs中如何验证input输入框只能输入数字和小数点”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Angularjs中如何...
    99+
    2022-10-19
  • vue实现input文本框只能输入0-99的正整数问题
    目录vue input文本框只能输入0-99的正整数通过自定义指令实现文本框只能输入正整数vue input文本框只能输入0-99的正整数 利用vue里面自带的watch监听器就可以...
    99+
    2022-11-13
    vue文本框输入正整数 vue input输入正整数 vue input只能输入正整数
  • jquery如何实现数字输入框
    小编给大家分享一下jquery如何实现数字输入框,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!效果如下:代码如下:<!DO...
    99+
    2022-10-19
  • winform文本框只能输入数字如何解决
    要使WinForm文本框只能输入数字,可以使用以下方法之一:1. 使用KeyPress事件:在文本框的KeyPress事件中,检查按...
    99+
    2023-09-29
    winform
  • 纯css如何实现输入框placeholder动效及输入校验
    小编给大家分享一下纯css如何实现输入框placeholder动效及输入校验,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!背景话不多说,我们能否用纯css实现以下...
    99+
    2023-06-08
  • html如何实现输入框效果
    本篇内容介绍了“html如何实现输入框效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2022-10-19
  • python如何实现输入2个整形数字并输出最大值
    这篇文章将为大家详细讲解有关python如何实现输入2个整形数字并输出最大值,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。import math"""需求:输入2个...
    99+
    2023-06-02
  • 如何实现Android手机号码输入框
    这篇文章给大家分享的是有关如何实现Android手机号码输入框的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体代码如下所示:package com.jixiong.teen.view;import&n...
    99+
    2023-05-30
    android
  • html5如何实现电子邮件输入框
    这篇文章主要介绍了html5如何实现电子邮件输入框,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。电子邮件输入框HMTL 5中新增了一个输入框的电子邮件属性,可以检测输入的内容...
    99+
    2023-06-27
  • html5输入框不能为空如何实现
    这篇文章主要介绍“html5输入框不能为空如何实现”,在日常操作中,相信很多人在html5输入框不能为空如何实现问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”html5输入框不能为空如何实现”的疑惑有所帮助!...
    99+
    2023-07-04
  • JavaScriptr中如何实现输入框字数实时统计更新
    这篇文章主要为大家展示了“JavaScriptr中如何实现输入框字数实时统计更新”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScriptr中如何实现输...
    99+
    2022-10-19
  • 如何设置html文本框input只能输入数字和小数点
    小编给大家分享一下如何设置html文本框input只能输入数字和小数点,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! 限制ht...
    99+
    2022-10-19
  • vue中input输入框如何实现模糊查询
    这篇文章给大家分享的是有关vue中input输入框如何实现模糊查询的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Vue 模糊查询功能原理:原生js的search() 方法,用于检...
    99+
    2022-10-19
  • 微信小程序如何实现input输入框
    小编给大家分享一下微信小程序如何实现input输入框,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!微信小程序 checkbox 实现效果图:微信小程序输入框input属性名类型默认值说明v...
    99+
    2022-10-19
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作