JavaScript 數字驗證是前端開發中一個非常常見的任務。在填寫表單、輸入密碼、驗證身份等方面,數字驗證起著至關重要的作用。因此,我們需要掌握一些關于 JavaScript 數字驗證的知識,幫助我們構建更加穩定、準確、可靠的應用。
不允許輸入非數字字符
function isNumeric(num){ if (isNaN(num)){ return false; }else{ return true; } }
檢查文本框是否為空
if (!document.form_name.input_name.value.match(/\S/)) { alert ("請填寫信息"); return false; }
檢查輸入數值是否在規定的范圍內
function isInRange(num, min, max){ if (num >= min && num<= max){ return true; }else{ return false; } }
檢查輸入數值是否為正數
function isPositive(num) { if ( parseFloat(num) >0 ) { return true; }else { return false; } }
檢查輸入數值是否為負數
function isNegative(num) { if ( parseFloat(num)< 0 ) { return true; }else { return false; } }
檢查一個數是否為整數
function isInt(num) { var regu = /^[-]{0,1}[0-9]{1,}$/; return regu.test(num); }
檢查是否為小數
function isDecimal(num) { var regu = /^[-]{0,1}(\d+)[\.]+(\d+)$|^[-]{0,1}(\d+)$|^[-]{0,1}[\.]+(\d+)$/; return regu.test(num); }
檢查是否為手機號碼格式
function isMobilePhone(num){ var regu = /^1[3456789]\d{9}$/; return regu.test(num); }
需要注意的是,這里我們只是給出了一些常見的 JavaScript 數字驗證函數,實際應用需要根據不同的場景去修改和完善。
最后,我們可以把這些函數封裝為一個 JS 庫,方便我們在實際項目中進行調用。
var NumUtils ={ isNumeric:function(num){ if (isNaN(num)){ return false; }else{ return true; } }, isInRange:function(num, min, max){ if ( num >= min && num<= max ){ return true; }else{ return false; } }, // ........更多函數可以寫在這里 };
通過封裝的函數庫,我們可以更加簡便地進行 JavaScript 數字驗證。
上一篇php header位置
下一篇Java管培和培訓