欢迎来到 黑吧安全网 聚焦网络安全前沿资讯,精华内容,交流技术心得!

如何通过jQuery实现允许输入数字和小数点

来源:本站整理 作者:佚名 时间:2016-11-20 TAG: 我要投稿

本文实例讲述了jQuery实现只允许输入数字和小数点的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
			xmlns="http://www.w3.org/1999/xhtml"><head><script
			src="jquery.min.js"
			type="text/javascript"></script><script
			type="text/javascript">//示例代码://只允许输入数字与.:<input type="text" name="test" id="test" onkeydown="checkKeyForFloat(this.value,event)" style="ime-mode: disabled" />//只允许输入数字 :<input type="text" name="test2" id="test2" onkeydown="checkKeyForNum(this.value,event)" style="ime-mode: disabled" />//只允许输入数字与小数点function checkKeyForFloat(value, e)
			{
 var isOK =
			false;
 var key = window.event ? e.keyCode : e.which;
 if
			((key >
			95
			&& key <
			106)
			||
			//小键盘上的0到9
 (key >
			47
			&& key <
			60)
			||
			//大键盘上的0到9
 (key ==
			110
			&& value.indexOf(".")
			<
			0)
			||
			//小键盘上的.而且以前没有输入.
 (key ==
			190
			&& value.indexOf(".")
			<
			0)
			||
			//大键盘上的.而且以前没有输入.
 key ==
			8
			|| key ==
			9
			|| key ==
			46
			|| key ==
			37
			|| key ==
			39
			//不影响正常编辑键的使用(8:BackSpace;9:Tab;46:Delete;37:Left;39:Right))
			{
 isOK =
			true;
 }
			else
			{
 if
			(window.event)
			//IE
 {
  e.returnValue =
			false;
			//event.returnValue=false 效果相同.
 }
 else
			//Firefox
 {
  e.preventDefault();
 }
 }
 return isOK;}//只允许输入数字function checkKeyForInt(value, e)
			{
 var isOK =
			false;
 var key = window.event ? e.keyCode : e.which;
 if
			((key >
			95
			&& key <
			106)
			||
			//小键盘上的0到9
 (key >
			47
			&& key <
			60)
			||
			//大键盘上的0到9
 key ==
			8
			|| key ==
			9
			|| key ==
			46
			|| key ==
			37
			|| key ==
			39
			//不影响正常编辑键的使用(8:BackSpace;9:Tab;46:Delete;37:Left;39:Right))
			{
 isOK =
			true;
 }
			else
			{
 if
			(window.event)
			//IE
 {
  e.returnValue =
			false;
			//event.returnValue=false 效果相同.
 }
 else
			//Firefox
 {
  e.preventDefault();
 }
 }
 return isOK;}//设置有自定义属性 dtype 的文本框 允许输入的范围function setDType()
			{
 $(":text[dtype]").each(function
			()
			{
 var dtype = $(this).attr("dtype");
 var isOK =
			true;
 switch
			(dtype)
			{
  case
			"number":
  $(this).css("ime-mode",
			"disabled").keydown(function
			(event)
			{
   isOK = checkKeyForFloat($(this).val(), event);
   if
			(!isOK)
			{
   //$(this).SuperFocus("", 500);
   }
   return isOK;
  });
  break;
  default:
  break;
 }
 });}</script><script
			type="text/javascript">
$(function
			()
			{
 setDType();});</script></head><body>
年龄: <input
			type="text"
			maxlength="3"
			onkeydown="checkKeyForInt(this.value,event)"
			style="ime-mode: disabled"/><br
			/>
身高:<input
			type="text"
			maxlength="5"
			dtype="number"
			/></body></html>

[1] [2]  下一页

【声明】:黑吧安全网(http://www.myhack58.com)登载此文出于传递更多信息之目的,并不代表本站赞同其观点和对其真实性负责,仅适于网络安全技术爱好者学习研究使用,学习中请遵循国家相关法律法规。如有问题请联系我们,联系邮箱admin@myhack58.com,我们会在最短的时间内进行处理。
  • 最新更新
    • 相关阅读
      • 本类热门
        • 最近下载