layui输入框中只允许输入整数的实现方法


Posted in Javascript onSeptember 18, 2019

如下所示:

<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输入框中只允许输入整数的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
非常漂亮的JS代码经典广告
Oct 21 Javascript
Javascript 面向对象 重载
May 13 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
Jul 10 Javascript
jquery 选择器引擎sizzle浅析
Feb 06 Javascript
JS简单的轮播的图片滚动实例
Jun 17 Javascript
给before和after伪元素设置js效果的方法
Dec 04 Javascript
Bootstrap CSS组件之导航条(navbar)
Dec 17 Javascript
vue首次赋值不触发watch的解决方法
Sep 11 Javascript
Electron中实现大文件上传和断点续传功能
Oct 28 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
详解javascript replace高级用法
Feb 17 Javascript
Vue 使用iframe引用html页面实现vue和html页面方法的调用操作
Nov 16 Javascript
layui富文本编辑器前端无法取值的解决方法
Sep 18 #Javascript
使用layui 的layedit定义自己的toolbar方法
Sep 18 #Javascript
Typescript的三种运行方式(小结)
Sep 18 #Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 #Javascript
layui的layedit富文本赋值方法
Sep 18 #Javascript
vue语法自动转typescript(解放双手)
Sep 18 #Javascript
快速解决layui弹窗按enter键不停弹窗的问题
Sep 18 #Javascript
You might like
不用iconv库的gb2312与utf-8的互换函数
2006/10/09 PHP
php环境配置之CGI、FastCGI、PHP-CGI、PHP-FPM、Spawn-FCGI比较?
2011/10/17 PHP
PHP引用(&amp;)各种使用方法实例详解
2014/03/20 PHP
ThinkPHP整合百度Ueditor图文教程
2014/10/21 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
php实现的http请求封装示例
2016/11/08 PHP
node.js中的fs.truncateSync方法使用说明
2014/12/15 Javascript
javascript作用域链(Scope Chain)用法实例解析
2015/11/30 Javascript
jQuery Mobile弹出窗、弹出层知识汇总
2016/01/05 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
2016/07/01 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
2016/08/09 Javascript
ionic隐藏tabs的方法
2016/08/29 Javascript
js实现可输入可选择的select下拉框
2016/12/21 Javascript
微信小程序 使用腾讯地图SDK详解及实现步骤
2017/02/28 Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
2017/06/04 Javascript
jQuery菜单实例(全选,反选,取消)
2017/08/28 jQuery
微信小程序获取手机系统信息的方法【附源码下载】
2017/12/07 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
JS 实现分页打印功能
2018/05/16 Javascript
微信小程序提交form操作示例
2018/12/30 Javascript
Node.js API详解之 tty功能与用法实例分析
2020/04/27 Javascript
JavaScript缓动动画函数的封装方法
2020/11/25 Javascript
[03:26]《DAC最前线》之EG经理自述DOTA2经历
2015/02/02 DOTA
[04:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster 选手采访
2021/03/11 DOTA
python实现给微信公众号发送消息的方法
2017/06/30 Python
Python关于excel和shp的使用在matplotlib
2019/01/03 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
opencv 图像腐蚀和图像膨胀的实现
2020/07/07 Python
香港太阳眼镜网上商店:SmartBuyGlasses香港
2016/07/22 全球购物
电子商务专员岗位职责
2013/12/11 职场文书
实习老师离校感言
2014/02/03 职场文书
迎客户欢迎词三篇
2019/09/27 职场文书
Python常遇到的错误和异常
2021/11/02 Python
Android Studio 计算器开发
2022/05/20 Java/Android
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis