JS 文本框格式化
页面:
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script src="inputFormat.js"></script>
<script type="text/javascript">
$(function(){
$('#account').inputFormat('account')
$('#money').inputFormat('amount')
})
</script>
<body>
帐号:<input id="account"/><br/>
金额:<input id="money"/>
</body>
inputFormat.js
(function($){
var methods={
init:function(){
$.error('What are you doing?')
},
account:function() {
$(this).keydown(function(event){
var code=event.keyCode
if (event.shiftKey){
return false
}
if((code>=96&&code<=105)||((!event.shiftKey)&&code>=48&&code<=57)||code<57){
return true
}
return false
})
$(this).keyup(function(){
$(this).val($(this).val().replace(/\s(?=\d)/g,'').replace(/(\d{4})(?=\d)/g,"$1 "))
})
},
amount:function(){
$(this).keydown(function(event){
var code=event.keyCode
var value=$(this).val()
if (event.shiftKey||code==32){
return false
}
if((code>=96&&code<=105)||((!event.shiftKey)&&code>=48&&code<=57)||code<57||code==110||code==190){
return true
}
return false
})
$(this).keyup(function(event){
var value=$(this).val().replace(/\,|\s/g,'')
if(value!=''){
$(this).val(value.replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, "$1,").replace(/\.00$/,''))
}
})
}
}
$.fn.inputFormat=function(method){
if (methods[method]) {
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
}else if (typeof method === 'object' || !method) {
return methods.init.apply(this, arguments);
}else {
$.error('Method ' + method + ' does not exist on jQuery.inputFormat');
}
}
})(jQuery);
最新文章
- 记 Mac Pro 系统升级后,编译安装 PHP-5.6.28 / PHP-7.0 报错修复过程
- SOA服务设计与实现的几个语言无关的原则速记
- string find
- mysql5.7.11安装配置
- atitit.微信项目开发效率慢的一些总结
- iOS实现(超级猜图)源码
- win7计划任务执行BAT文件问题
- [饭后算法系列] 数组中";和非负";的最长子数组
- bootstrap 导航布局
- Ajax或JS动态添加的元素,Jquery效果不起作用
- SAP中的BRF+
- Python3 tkinter基础 Text window 文本框中插入按钮
- mysql针对单个库进行备份
- tomcat多端口配置
- Unity 获取指定资源目录下的所有文件
- Eclipse配置和使用Maven
- plsql developer如何自定义快捷键
- 一次TIME_WAIT和CLOSE_WAIT故障和解决办法
- Gym 101889:2017Latin American Regional Programming Contest(寒假自训第14场)
- 【windows】之查看端口占用