- 浏览: 7905823 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (2425)
- 软件工程 (75)
- JAVA相关 (662)
- ajax/web相关 (351)
- 数据库相关/oracle (218)
- PHP (147)
- UNIX/LINUX/FREEBSD/solaris (118)
- 音乐探讨 (1)
- 闲话 (11)
- 网络安全等 (21)
- .NET (153)
- ROR和GOG (10)
- [网站分类]4.其他技术区 (181)
- 算法等 (7)
- [随笔分类]SOA (8)
- 收藏区 (71)
- 金融证券 (4)
- [网站分类]5.企业信息化 (3)
- c&c++学习 (1)
- 读书区 (11)
- 其它 (10)
- 收藏夹 (1)
- 设计模式 (1)
- FLEX (14)
- Android (98)
- 软件工程心理学系列 (4)
- HTML5 (6)
- C/C++ (0)
- 数据结构 (0)
- 书评 (3)
- python (17)
- NOSQL (10)
- MYSQL (85)
- java之各类测试 (18)
- nodejs (1)
- JAVA (1)
- neo4j (3)
- VUE (4)
- docker相关 (1)
最新评论
-
xiaobadi:
jacky~~~~~~~~~
推荐两个不错的mybatis GUI生成工具 -
masuweng:
(转)JAVA获得机器码的实现 -
albert0707:
有些扩展名为null
java 7中可以判断文件的contenttype了 -
albert0707:
非常感谢!!!!!!!!!
java 7中可以判断文件的contenttype了 -
zhangle:
https://zhuban.me竹板共享 - 高效便捷的文档 ...
一个不错的网络白板工具
http://scottonwriting.net/sowblog/archive/2011/06/25/creating-a-currency-masked-textbox-with-on-the-fly-currency-formatting.aspx
中,描述了使用jquery及插件,打早一个输入框,这个输入框中,只允许输入数字,可以使用
前后移动的光标,并且输入数字后,可以在数字前自动加上$符号,并且使用会计上的自动划分方法,对货币进行每三位的划分,下面讲解下过程:
1)编写js,判断只允许哪些输入,比如如下代码:
// JavaScript I wrote to limit what types of input are allowed to be keyed into a textbox var allowedSpecialCharKeyCodes = [46,8,37,39,35,36,9]; var numberKeyCodes = [44, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105]; var commaKeyCode = [188]; var decimalKeyCode = [190,110]; function numbersOnly(event) { var legalKeyCode = (!event.shiftKey && !event.ctrlKey && !event.altKey) && (jQuery.inArray(event.keyCode, allowedSpecialCharKeyCodes) >= 0 || jQuery.inArray(event.keyCode, numberKeyCodes) >= 0); if (legalKeyCode === false) event.preventDefault(); } function numbersAndCommasOnly(event) { var legalKeyCode = (!event.shiftKey && !event.ctrlKey && !event.altKey) && (jQuery.inArray(event.keyCode, allowedSpecialCharKeyCodes) >= 0 || jQuery.inArray(event.keyCode, numberKeyCodes) >= 0 || jQuery.inArray(event.keyCode, commaKeyCode) >= 0); if (legalKeyCode === false) event.preventDefault(); } function decimalsOnly(event) { var legalKeyCode = (!event.shiftKey && !event.ctrlKey && !event.altKey) && (jQuery.inArray(event.keyCode, allowedSpecialCharKeyCodes) >= 0 || jQuery.inArray(event.keyCode, numberKeyCodes) >= 0 || jQuery.inArray(event.keyCode, commaKeyCode) >= 0 || jQuery.inArray(event.keyCode, decimalKeyCode) >= 0); if (legalKeyCode === false) event.preventDefault(); } function currenciesOnly(event) { var legalKeyCode = (!event.shiftKey && !event.ctrlKey && !event.altKey) && (jQuery.inArray(event.keyCode, allowedSpecialCharKeyCodes) >= 0 || jQuery.inArray(event.keyCode, numberKeyCodes) >= 0 || jQuery.inArray(event.keyCode, commaKeyCode) >= 0 || jQuery.inArray(event.keyCode, decimalKeyCode) >= 0); // Allow for $ if (!legalKeyCode && event.shiftKey && event.keyCode == 52) legalKeyCode = true; if (legalKeyCode === false) event.preventDefault(); }
可以看到,上面的代码中,对只输入数字,能输入数字和逗号,能输入数字和其他符号(货币)的,作了限制了.
2 在文本框中应用如下jquery:
$(document).ready(function () {
$("input[type=text].currenciesOnly").live('keydown', currenciesOnly);
});
这里currenciesOnly是个样式,这里调用了上面的方法currenciesOnly
3) 再调用一个老外写的货币分3位符号插件,地址在:
http://code.google.com/p/jquery-formatcurrency/
再修改下:
$(document).ready(function () {
$("input[type=text].currenciesOnly").live('keydown', currenciesOnly)
.live('blur',
function () {
$(this).formatCurrency();
}
);
});
最后一个运行效果在:
http://jsfiddle.net/CBDea/1/ 可以看到
发表评论
-
微信开发工具中时间问题的小坑
2018-02-07 19:07 792刚开始用微信小程序开发工具,每次运行任何应用,都报这个错误: ... -
三篇不错的介绍CSS GRID的文章
2017-12-06 09:08 509三篇不错的介绍CSS GRID的文章: http://www. ... -
双因素认证(2FA)教程
2017-11-03 09:16 1556http://www.ruanyifeng.com/blog/ ... -
es6 中的export
2017-08-20 08:00 798https://juejin.im/post/5998625f ... -
markdown中的空格
2017-08-20 07:53 1683即使手动输入空格, 也是很不推荐的方法。我推荐全角空格,切换 ... -
(转)讲真,别再使用JWT了
2017-08-17 23:21 989不错的好文: http://insights.thoughtw ... -
(转)手把手教你WebStorm+chrome实现时时调试刷新
2017-08-15 10:50 3001参考: http://jingyan.baidu.com/ar ... -
IntelliJ Idea 2017 免费激活方法
2017-08-15 09:38 92991. 到网站 http://idea.lanyus.com/ ... -
前端框架这么多,该何去何从?
2017-08-04 07:17 631http://insights.thoughtworkers. ... -
记录一个HTML 5画拓扑图的商业公司
2017-07-18 19:56 834http://qunee.com/ DEMO:http:// ... -
vue 2例子学习收集
2017-07-16 11:46 9811 vue2.0手撸闲鱼App https://githu ... -
(收藏)虚拟DOM内部是如何工作的
2017-07-13 22:08 572虚拟DOM内部是如何工作的 https://segmentfa ... -
最近看到的几篇精彩JAVASCRIPT博客文章推荐
2017-07-11 07:10 549【深度长文】JavaScript数组所有API全解密 http ... -
jsonp 跨域原理:深入浅出 jsonp
2017-07-10 19:55 1412https://lzw.me/a/jsonp.html jso ... -
(转)深度长文-JavaScript数组所有API全解密
2017-07-08 19:59 802深度长文-JavaScript数组所有API全解密 http: ... -
(收藏)网页导出PDF的方案
2017-07-06 07:13 940(收藏)网页导出PDF的方案 https://yiqiwuli ... -
Chromium 新的弹窗机制以及 HTML 的 <dialog> 元素
2017-06-28 12:37 1136https://juejin.im/post/59525195 ... -
国内一个不错的大屏UI设计厂家
2017-06-03 19:43 3143http://www.lanlanwork.com/dp.ph ... -
canvas仿芝麻信用分仪表盘
2017-05-28 20:21 1561canvas仿芝麻信用分仪表盘 https://segment ... -
(转)CSS 变量教程
2017-05-10 21:12 553http://www.ruanyifeng.com/blog/ ...
相关推荐
本资源可以满足金额有关的一些input框输入,只能输入类似10.001的数据,并且小数点前第一位不能是0,我使用这个是为了管理后台做版本控制,我们只需要1.11这种格式的版本号
在这个特定的项目中,“jquery实现可发光的LED数字显示效果”是一个利用jQuery创建的动态视觉效果,常见于模拟电子显示屏或数字时钟等应用。这种效果能够吸引用户注意力,并为网页增添科技感。 首先,我们要理解LED...
在本主题“jquery限制最大输入数字插件特效”中,我们将深入探讨如何使用jQuery实现对用户输入数字的限制,以及如何创建类似新浪微博的动态效果。 首先,jQuery限制最大输入数字的功能主要应用于表单输入,特别是...
这个“jquery只能输入数字的文本框插件”是为了解决一个常见的用户界面需求:限制用户在特定输入框中只能输入数字,防止非数字字符的输入。这种功能对于处理货币、数量或者任何需要精确数值的数据输入场景尤其有用。...
标题中的"jquery数字自动分位"指的是在用户输入数字时,利用jQuery对输入的数字进行实时处理,将连续的数字按照一定的规则(例如每四位一隔)插入分隔符。这样,当用户输入大量数字时,可以避免混淆和错误。在银行...
本项目"jquery实现的数字小键盘"是利用jQuery来创建一个专用于输入数字的虚拟键盘,确保用户输入的数据始终保持为数字格式,避免了在输入过程中可能出现的非数字字符,从而提高数据的准确性和安全性。 首先,我们要...
"jOdometer"是压缩包中的文件名,这可能是一个特定的jQuery插件,用于实现上述的数字显示效果。jOdometer是一个流行的jQuery插件,专门用于创建类似机械式计数器的数字动画效果,它具有高度可定制性,可以调整样式、...
"jQuery实现的带数字标注的焦点图片切换"是利用jQuery库创建的一个功能,它不仅实现了图片的自动切换,还加入了数字指示器,让用户清楚地知道当前显示的是哪一张图片。 首先,jQuery是一个轻量级的JavaScript库,它...
总结一下,"jquery数字键盘银行网站数字键盘"是一个利用jQuery实现的轻量级插件,旨在为网页提供安全、美观的数字输入解决方案。它简化了开发流程,提升了用户体验,对于需要进行数字输入的网页应用来说,是一个值得...
在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。"jQuery动态数字翻滚计数到指定数字的文字特效代码"是一个常见的需求,尤其在显示实时更新的数据或者...
在本文中,我们将深入探讨如何使用jQuery来实现一...在实际项目中,还需要考虑其他因素,如输入限制(只允许数字)、输入过程中的错误提示、以及最终的确认按钮等。记住,良好的用户体验和安全性是此类功能设计的核心。
本资源“jQuery实现的仿支付宝6位数字密码框及输入特效源码.zip”显然是一个利用jQuery来模仿支付宝登录界面中六位数字密码输入框的示例代码。这个项目可能包含了一个HTML文件用于展示效果,CSS文件用于样式设计,...
【标题】"百度api首页数字变动效果 jquery特效"所涉及的知识点主要集中在JavaScript库jQuery以及网页动态效果的实现上。这种特效通常用于显示网站统计数据,如用户访问量、浏览量等,通过数字逐渐变化的方式吸引用户...
使用HTML和jQuery实现6位密码。使用H5结合JQuery,模仿支付宝和微信支付的六位密码输入,重新绘制定义数字键盘,在规定的数字键盘中的数字进行点击,将密码填进六格的输入框,一个简单的小demo,适合新手学习交流
【jQuery实现数字抽奖】是一种常见的互动技术,常用于各类企业活动和年会中,增加现场的趣味性和互动性。在本示例中,开发者利用jQuery库来创建一个可自定义的数字抽奖系统,用户可以输入自己的数据,如数字、手机...
《jQuery输入数字放大镜效果代码实现详解》 在网页开发中,为了提升用户体验,我们常常会采用各种交互式效果来增强表单元素的功能性。"jQuery输入数字放大镜效果代码"便是这样一种实用的交互设计,它使得用户在输入...
这个插件的标题"jquery插件,是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展,它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用,例如在线表单、财务输入或任何需要精确数字...
在本文中,我们将深入探讨如何使用JQuery这一强大的JavaScript库来实现各种网页效果和实用插件。JQuery简化了DOM操作,使得实现复杂的交互和动画变得更加便捷。以下是一些使用JQuery实现的关键知识点: 1. **导航...