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

赞 (0)

相关推荐

  • layui富文本编辑器前端无法取值的解决方法

    首先,需要简单说下layui这个框架,个人觉得属于那种比较好用的框架,包括他的极简流畅的弹框,很适合那种主要写后端的程序员和快速开发的团队 本期主要讲的是layui富文本编辑器这个东西,他的模式是在某个textarea的基础上建立了一个富文本编辑器,也就是说你填写在富文本编辑器的值其实是放在编辑器里面的,并没有放在之前的textarea中,你获取textarea的值的时候需要先把富文本编辑器的值同步到之前的textarea中,然后才能通过textarea获取对应的值 主要代码如下: 下图是通过浏

  • layui的布局和表格的渲染以及动态生成表格的方法

    整体的效果: 一.首先百度搜索layui的地址,然后下载layui的压缩包,,将压缩包的文件解压缩,然后将解压缩后的文件复制到你的编译器上: 二.建立一个html文件,引入layui.css 和 layui.js两个文件,一定要将地址写对,css和js要一起引用: 三.将整个页面分为三部分body标签中要引用的class为class="layui-layout-body" 3.1.头部部分:用一个大的div包裹,class="layui-layout layui-layout

  • 使用layui 的layedit定义自己的toolbar方法

    官方文档:http://www.layui.com/demo/layedit.html 官网文档目前是不支持layedit扩展式的. 自己手动实现扩展,定义自己的样式toolbar: 1.样式代码分析 分析页面初始化后加载的样式. layeditIndex=layedit.build('noticeMatterDigest',{tool: ['left', 'center', 'right','|'],height: 120}); 2.根据分析的样式进行js的追加 代码需要写在layui.use

  • 快速解决layui弹窗按enter键不停弹窗的问题

    问题描述:layui弹窗后按enter键不停的弹出,背景变得越来深 解决办法一:如图 解决办法二:(一个姓杨的大腿解决) 以上这篇快速解决layui弹窗按enter键不停弹窗的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • layui的layedit富文本赋值方法

    layedit赋值方法如下 /** * 设置编辑器内容 * @param {[type]} index 编辑器索引 * @param {[type]} content 要设置的内容 * @param {[type]} flag 是否追加模式 */ layedit.setContent(index, content, flag); flag是true,是追加模式, flag是false,赋值模式 以上这篇layui的layedit富文本赋值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,

  • 解决使用layui对select append元素无效或者未及时更新的问题

    一.问题 本人在使用layui使用了select按钮,点击是js脚本会异步请求后台接口获取json数据,然后layui将json数据渲染到select上,然而获取接口数据没有问题,就是无法更新. 本人使用代码如下: <div class="main layui-clear"> <div class="fly-panel" pad20> <h2 class="page-title">发布帖子</h2>

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

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

  • C#中TextBox实现输入提示功能的方法

    本文实例讲述了C#中TextBox实现输入提示功能的方法.分享给大家供大家参考.具体如下: 设置TextBox的AutoCompleteSource的属性为CustomSource,设置TextBox的AutoCompleteMode属性为SuggestAppend. using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawin

  • 易语言在编辑框中只允许输入指定类型内容的方法

    易语言在编辑框中只允许输入指定类型内容的方法

    输入方式属性 所属对象:编辑框   操作系统支持:Windows 数据类型:整数型: 可供选择的属性值: 0.通常方式 1.只读方式 2.密码输入 3.整数文本输入 4.小数文本输入 5.输入字节 6.输入短整数 7.输入整数 8.输入长整数 9.输入小数 10.输入双精度小数 11.输入日期时间 例程 说明 本属性用于定义在指定编辑框中所允许输入的内容和显示方式. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如

  • 控制input输入框中提示信息的显示和隐藏的方法

    在运用html+css+javascrpt进行页面制作时,我们往往会遇到一些影响用户体验,而又容易被我们忽视的小细节.比如,input输入框中的提示信息,怎样才能根据对象获得和失去焦点而实现其显示和隐藏.今天在这里,想跟大家分享一下这个小技巧,希望各位大神不要拍砖哦~~~ 一.要求 input输入框,在光标显示时,隐藏提示信息:光标离开输入框时,显示提示信息. 二.方法 1.给该input取id名,Onfocus="方法名1(this)",onblur="方法名2(this)

  • Java中接收键盘输入的三种方法

    import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.Scanner; public class EnterTest { public static void main(String[] args) { //主方法 CharTest(); //调用System.in方法 ReadTest(); //调用ReadTest方法 Scan

  • Powershell在一个会话中只允许执行指定命令的方法

    支持所有PS版本 Powershell处理可执行程序(如EXE)类似其它语言.然而你也可以让PS阻止执行任何程序或仅允许执行授权文件. 默认是允许执行任何程序: 复制代码 代码如下: PS> $ExecutionContext.SessionState.Applications * 下面将授权PS只允许执行ping.exe和regedit.exe命令. 复制代码 代码如下: $ExecutionContext.SessionState.Applications.Clear() $Executio

  • Android中Edittext设置输入条件

    一.应用场景 之前做商城应用时,会有对用户资料的设置情况进行限制,如下: (1)用户邮箱,应当只允许输入英文字母,数字和@.两个符号, (2)用户手机,应当只能输入数字,禁止输入其他字符. (3)用户密码,应当不能输入空格以及中文字符等. 二.解决方案 针对用户邮箱以及用户手机,有以下两种解决方案: (1)EditText中的android:digits属性: 它表示EditText能够接受的字符集合.通过配置此属性,就可以实现只允许输入指定的字符.这里列举上述三种场景下的android:dig

  • layui输入框只允许输入中文且判断长度的例子

    今天写项目遇到一个问题,在输入老师昵称的时候需要控制input输入框不能为空,且字符的长度有限制,英文字符不能超过20,中文不能超过10.输入课程简介的时候,textarea只能输入中文和中文标点,且长度不超过100.使用框架为:Thymeleaf + layui + shiro. 搜了很多资料没找到全的,现将具体实现展示如下: [不为空的要求:] 这个好解决,只要在代码中加入 lay-verify="required" 即可,这个在layui官方文档中就有,参考https://www

  • Android金额输入框只允许输入小数点后两位效果

    一:要实现这个效果也不是很复杂,只需要设置输入框输入的字符类型.设置InputFilter.设置输入变化监听即可.下面直接来看代码吧-. 二:new 一个class extends AppCompatEditText并写上一个初始化函数 private void init() { //设置输入框允许输入的类型(正则) //对应的布局属性是--->android:digits="0123456789." setKeyListener(DigitsKeyListener.getIns

  • vue+element-ui中form输入框无法输入问题的解决方法

    目录 一.问题发现: 二.正确案例与错误原理: 三.问题解决 总结 一.问题发现: 笔者在制作登录页面前端时使用elementui+vue技术,发现输入框无法输入任何内容. 在csdn上查阅很多文章后发现都无法解决,于是去elementui官网进行反复查看才发现问题所在.最终发现问题是input标签中v-model写的不恰当导致无法生效/忘记书写v-model.如果有相同问题的可以看看本文有可能能帮助解决您的问题,下列解决过程以供参考. 二.正确案例与错误原理: 查看官网对于表单Form一栏的使

随机推荐