【LayUI】限制文字框只能輸入數字
阿新 • • 發佈：2021-09-08
問題描述：
使用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>