博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js限制input只能输入有效的数字,有且只有一个小数点,第一个不能为小数点-备...
阅读量:7021 次
发布时间:2019-06-28

本文共 965 字,大约阅读时间需要 3 分钟。

  1. <!doctype html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Document</title>  
  6.     <script src="js/jq.js"></script>  
  7.   
  8. </head>  
  9. <body>  
  10.       
  11.   <input type="text" id="Score" />  
  12.     <script type="text/javascript">  
  13.     $(document).ready(function() {  
  14.     //敲击按键时触发  
  15.     $("#Score").bind("keypress", function(event) {  
  16.     var event= event || window.event;  
  17.     var getValue = $(this).val();  
  18.     //控制第一个不能输入小数点"."  
  19.     if (getValue.length == 0 && event.which == 46) {  
  20.         alert(1)  
  21.         event.preventDefault();  
  22.         return;  
  23.     }  
  24.     //控制只能输入一个小数点"."  
  25.     if (getValue.indexOf('.') != -1 && event.which == 46) {  
  26.         event.preventDefault();  
  27.         alert(1)  
  28.         return;  
  29.     }  
  30.     //控制只能输入的值  
  31.     if (event.which && (event.which 48 || event.which > 57) && event.which != 8 && event.which != 46) {  
  32.         event.preventDefault();  
  33.          return;  
  34.         }  
  35.     })  
  36.     //失去焦点是触发  
  37.     $("#Score").bind("blur", function(event) {  
  38.     var value = $(this).val(), reg = /\.$/;  
  39.     if (reg.test(value)) {  
  40.     value = value.replace(reg, "");  
  41.     $(this).val(value);  
  42.     }  
  43.     })  
  44.     });  
  45. </script>  
  46.   
  47. </body>  
  48. </html>  

 

 

 

js处理数字相关文章:

 

 

数字格式化相关文章:

 

 
js限制数字相关文章:
   

 

转载地址:http://xtbxl.baihongyu.com/

你可能感兴趣的文章
16.1反射
查看>>
curl 的用法
查看>>
mysql 的主从复制原理
查看>>
Laravel的容器Vagrant+Homestead+Composer+Yaml开发环境搭建正确步骤
查看>>
centos6.8基础调优详解
查看>>
maven工程 使用hessian遇到的问题
查看>>
【安全牛学习笔记】Penetration testing presentation
查看>>
Windows mysql备份
查看>>
RedisTemplate读取slowlog
查看>>
如何用git创建空内容的分支
查看>>
决心书
查看>>
C#.NET 权限管理系统组件 - 大数据读写分离实现的例子
查看>>
ASP.NET - response对象与request对象
查看>>
ijk英语-Marry You - Bruno Mars
查看>>
7.mongo命令行运行JavaScript脚本
查看>>
Python实现macof
查看>>
玩转KVM:浅谈虚拟机life cycle
查看>>
[转]Eclipse中如何恢复已删除文件
查看>>
连载18:软件体系设计新方向:数学抽象、设计模式、系统架构与方案设计(简化版)(袁晓河著)...
查看>>
什么是跨域?跨域请求资源的方法有哪些?
查看>>