JavaScript 驗證輸入文字框內容是否為數字

admin發表於2017-03-10
JavaScript

有時候需要驗證輸入文字框的內容是否為數字，並且給出一定的提示。

實現此功能的方法有多種多樣，推薦使用正規表示式方式，比較簡單。

本文使用另一種方式實現的此功能。

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<title>螞蟻部落</title>
<script type="text/javascript">
function ischeckNum(){
  var num=document.getElementById('isnum').value;
  if( num ){
   if(!isNaN(num)){
    alert('是數字');
    return false;
   }else{
    alert('你輸入的資料不是數字');
    myfm.isnum.select();
    return false;
   }
  }else{
   alert('需輸入內容');
   myfm.isnum.focus();
  }
}
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=ischeckNum;
}
</script>
</head>
<body>
<form name="myfm">
  <input type="text" name="isnum"  id="isnum">
  <input type="button" name="Submit" value="檢測是否為數字" id="bt">
</form>
</body>
</html>

上述程式碼實現了對文字框內容是否是數字的驗證功能。

相關文章