JavaScript 數(shù)字驗(yàn)證是前端開發(fā)中一個(gè)非常常見的任務(wù)。在填寫表單、輸入密碼、驗(yàn)證身份等方面,數(shù)字驗(yàn)證起著至關(guān)重要的作用。因此,我們需要掌握一些關(guān)于 JavaScript 數(shù)字驗(yàn)證的知識(shí),幫助我們構(gòu)建更加穩(wěn)定、準(zhǔn)確、可靠的應(yīng)用。
不允許輸入非數(shù)字字符
function isNumeric(num){ if (isNaN(num)){ return false; }else{ return true; } }
檢查文本框是否為空
if (!document.form_name.input_name.value.match(/\S/)) { alert ("請(qǐng)?zhí)顚懶畔?); return false; }
檢查輸入數(shù)值是否在規(guī)定的范圍內(nèi)
function isInRange(num, min, max){ if (num >= min && num<= max){ return true; }else{ return false; } }
檢查輸入數(shù)值是否為正數(shù)
function isPositive(num) { if ( parseFloat(num) >0 ) { return true; }else { return false; } }
檢查輸入數(shù)值是否為負(fù)數(shù)
function isNegative(num) { if ( parseFloat(num)< 0 ) { return true; }else { return false; } }
檢查一個(gè)數(shù)是否為整數(shù)
function isInt(num) { var regu = /^[-]{0,1}[0-9]{1,}$/; return regu.test(num); }
檢查是否為小數(shù)
function isDecimal(num) { var regu = /^[-]{0,1}(\d+)[\.]+(\d+)$|^[-]{0,1}(\d+)$|^[-]{0,1}[\.]+(\d+)$/; return regu.test(num); }
檢查是否為手機(jī)號(hào)碼格式
function isMobilePhone(num){ var regu = /^1[3456789]\d{9}$/; return regu.test(num); }
需要注意的是,這里我們只是給出了一些常見的 JavaScript 數(shù)字驗(yàn)證函數(shù),實(shí)際應(yīng)用需要根據(jù)不同的場(chǎng)景去修改和完善。
最后,我們可以把這些函數(shù)封裝為一個(gè) JS 庫,方便我們?cè)趯?shí)際項(xiàng)目中進(jìn)行調(diào)用。
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; } }, // ........更多函數(shù)可以寫在這里 };
通過封裝的函數(shù)庫,我們可以更加簡(jiǎn)便地進(jìn)行 JavaScript 數(shù)字驗(yàn)證。