【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 = place(/[^\d]/g, '').replace(/^0{1,}/g, '');
if (value != ''){
value = parseFloat(value).toFixed(3);
}
else{
jquery怎么进行验证
value = parseFloat(0).toFixed(3);
}
return value;
}
</script>
</body>
</html>
原⽂链接：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。