DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js判斷文本框輸入的內容是否為數字
js判斷文本框輸入的內容是否為數字
編輯:關於JavaScript     

如何驗證文本框中的內容是否為數字,本文提供了三種方法,希望對大家的學習有所啟發。

在某些情況下可能需要讓文本框中的內容只能夠輸入數字,例如手機號碼或者郵編之類的,下面簡單介紹一下如何實現此功能。
下面是驗證數字的正則表達式:

"^\\d+$"          //非負整數(正整數 + 0) 
"^[0-9]*[1-9][0-9]*$"    //正整數 
"^((-\\d+)|(0+))$"     //非正整數(負整數 + 0) 
"^-[0-9]*[1-9][0-9]*$"   //負整數 
"^-?\\d+$"         //整數 
"^\\d+("           //非負浮點數(正浮點數 + 0) 
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"    //正浮點數 
"^((-\\d+("         //非正浮點數(負浮點數 + 0) 
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"   //負浮點數 
"^(-?\\d+)("         //浮點數

用js判斷文本框輸入的內容是否是數字:

<script language="javascript">
 function chkads()
 {
 if (lf_addstu.sname.value=="")
 {
 alert("姓名不能為空.");
 lf_addstu.sname.select();
 return false;
 }
 if (lf_addstu.tpl.value=="")
 {
 alert("聯系電話不能為空.");
 lf_addstu.tpl.select();
 return false;
 }
 if(!IsNum(lf_addstu.tpl.value)){
 alert("請輸入數字!")
 lf_addstu.tpl.focus();
 return false;
 }
 }
 function IsNum(num){
 var reNum=/^\d*$/;
 return(reNum.test(num));
}
</script>
 <form style="padding:0; margin:0" action="" method="post" onSubmit="return chkads()" id="lf_addstu" name="lf_addstu">
 姓名<br />
 <input name="sname" type="text" /><br />
 詳細地址<br />
 <input name="adress" type="text" /><br />
 郵編<br />
 <input name="codes" type="text" /><br />
 聯系電話<br />
 <input name="tpl" type="text" /><br />
 E-mail<br />
 <input name="email" type="text" />
 <input type="image" src="img/wanhui06.jpg" alt="提交" />
 </form>

如何判斷輸入文本框是值是否是數字?

單純的判斷是否是正整數,可使用char.IsDigh(string,int index)和IsNumber(string,int index)函數

protected void Button2_Click(object sender, EventArgs e)
 {
  //判斷正整數
  int j=0;
  for (int i = 0; i < TextBox1.Text.Length; i++)
  {
   if (char.IsNumber(TextBox1.Text, i))//這個方法用來判斷整數還可以,判斷負數和小數就失效了
    j++;
  }
  if (j == TextBox1.Text.Length)
  {
   Response.Write("ok");
  }
  else
  { Response.Write ("no");}
  
 }

但是,出現負數或者小數的時候,以上方法失效,則,使用自定義功能函數

public bool IsNumber( object obj) 
 { 
 bool result = true; 
 try 
  { 
   string str = obj.ToString(); 
   double d ; 
   d = double.Parse(str); 
  } 
 catch 
  { //parse 函數進行轉換,不成功則拋出異常
   result = false; 
  } 
 return result;

 }
 protected void Button3_Click1(object sender, EventArgs e)
 {
  //判斷數

  if (IsNumber(TextBox1.Text))
  {
   Response.Write("是數字");
  }
  else
  { Response.Write("不是數字"); }
 }

以上就是驗證文本框中的內容是否為數字的方法,希望對大家的學習有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved