300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > layui限制文本框只能输入数字

layui限制文本框只能输入数字

时间:2023-05-19 16:46:58

相关推荐

layui限制文本框只能输入数字

使用div进行开发,需要对数字型的文本框进行验证的同时只能输入数字,不可输入其他的内容

解决方案如下:

<!DOCTYPE html><html><head><title></title><link href="/new_website/scripts/layui/css/layui.css" rel="stylesheet" /><script src="../../new_website/scripts/jquery1.8.3/jquery-1.8.3.js"></script><script src="/new_website/scripts/layui/layui.all.js"></script><script src="/new_website/scripts/vue/vue.js"></script><script src="../../new_website/scripts/common/clipboard.min.js"></script></head><body><%-- 方法1:文本框中在lay-verify的属性中,设置为number,最后,点击提交的时候会判断只能输入数字 --%><input type="text" name="nPlanAmount" lay-verify="number" autocomplete="off" class="layui-input" /><%-- 方法2:在输入后判断是否为数字,如果不是,则默认为0.000 --%><input type="text" lay-verify="number" name="nTopAmount" value="0.000" onblur="value=zhzs(this.value)" class="layui-input"/><script type="text/javascript">/*自定义处理数字*/function zhzs(value) {value = value.replace(/[^\d]/g, '').replace(/^0{1,}/g, '');if (value != ''){value = parseFloat(value).toFixed(3);}else{value = parseFloat(0).toFixed(3);}return value;}</script></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。