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

admin發表於2017-03-10
原文網址 : http://www.softwhy.com/article-2851-1.html
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>

相關文章