js判断文本框输入的内容是否为数字

前端技术 2023/09/09 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(\"不是数字\"); }
 }

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

本文地址：https://www.stayed.cn/item/23698

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案