Home > Web Front-end > JS Tutorial > js determines whether the content entered in the text box is a number_javascript skills

js determines whether the content entered in the text box is a number_javascript skills

WBOY
Release: 2016-05-16 15:24:02
Original
3185 people have browsed it

如何验证文本框中的内容是否为数字,本文提供了三种方法,希望对大家的学习有所启发。

在某些情况下可能需要让文本框中的内容只能够输入数字,例如手机号码或者邮编之类的,下面简单介绍一下如何实现此功能。
下面是验证数字的正则表达式:

"^\\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+)("         //浮点数
Copy after login

用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>
Copy after login

如何判断输入文本框是值是否是数字?

单纯的判断是否是正整数,可使用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");}
  
 }
Copy after login

但是,出现负数或者小数的时候,以上方法失效,则,使用自定义功能函数

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("不是数字"); }
 }
Copy after login

以上就是验证文本框中的内容是否为数字的方法,希望对大家的学习有所帮助。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template