使用JS判斷是否數字和小數點組合的數位兩中方法比較(isNaN和逐判斷)_javascript技巧

來源:互聯網
上載者:User
下面例舉如下:如果大家有更好的方法的話望大家提出更好的方法。
一:isNaN方法:
isNaN()的意思是非數字,裡面傳入數位話就返回false,傳入的不是數位話就返回true
[空的話也是返回true,一個點也是返回true,點個數字組合返回的是false,說明是數字]
複製代碼 代碼如下:

<script language="JavaScript">
function testNan(){
if(isNaN('xxx')){
alert('true');
}else{
alert('false');
}
}
</script>

-------------------------------例子-----------------------------
<html> <head> <script language="JavaScript"> function isNumber(){ var btnObj=document.getElementById("idTel"); var strValue=btnObj.value; if(!isNaN(strValue)){ alert("是數字和數點"); }else{ alert("請輸入數字或數字與小數點組合的數字!"); } } </script> </head> <body> <form action="" method="post" name=""> <input type="text" name="tel" id="idTel" value=""> <input type="button" name="isNum" value="提交" onclick="isNumber()"> </form> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

二:逐個比較的方法。
直接舉例子了:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </tITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </hEAD> <script language=javascript> function isNumber(String){ var Letters = "1234567890."; //可以自己增加可輸入值 var i,c; if(String.charAt( 0 )=='-' || String.charAt( String.length - 1 ) == '-'){ return false; } for( i = 0; i < String.length; i ++ ){ c = String.charAt( i ); if (Letters.indexOf( c )<0){ return false; } } return true; } function doBtn(){ var btnObj=document.getElementById("idTest"); var strValue=btnObj.value; if(isNumber(strValue)){ alert("yes"); }else{ alert("no"); } } </script> <BODY> <form name="form"> <input type=text name="test" id="idTest" value="" > <input type=button name="" title="點擊" value="btn" onclick="doBtn();"> </form> </bODY> </hTML>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

總結:第2中方法如果一直輸入的都是小數點的話提示是正確的。而第1中不會。只要你是不符合數位格式,他就不會讓你通過。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.