【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>

原文鏈接:https://www.cnblogs.com/ZengJiaLin/p/13501498.html 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM