// 输入银行卡号时的分段处理效果(如:6225 7687 0971 2222)
function convertSpace(obj)
{
var val = $.trim(obj.value).replace(/\s/g, '');
var val2 = "";
var len = 0;
for (var i = 0; i < val.length; i++) {
var ch = val.charAt(i);
if(ch >= 0 && ch <= 9) {
val2 += ch;
++len;
if (len % 4 == 0) {
val2 += ' ';
}
}
}
if(val2.substring(val2.length-1,val2.length)== ' ')
{
val2 = val2.substring(0,val2.length-1)
}
if(obj.value != val2) {
var pos = getPositionForInput(obj);
obj.value = val2;
if(pos != val2.length) {
if(val2.charAt(pos - 1) == ' ') {
pos++;
}
setPositionForInput(obj, pos);
}
}
}
分享到:
相关推荐
总结,实现“webApi、MVC、ajax分段上传文件带进度条”涉及到的技术点主要包括:WebAPI作为服务接口、MVC架构处理请求、AJAX实现异步上传、文件API进行文件分段、前端进度条实时更新、服务器端分段接收与合并以及...
Axure 8 Web前端+后台+移动前端 元件库是一个专门为产品经理和交互设计师准备的资源集合,旨在帮助他们在设计过程中快速构建清晰、高效的原型。这个元件库包含了各种Web前端、后台管理界面以及移动前端的组件,使得...
精心整理的10套最美Web前端新年特效: 2022炫酷新年快乐html网页特效: 2022烟花背景新年快乐html网页特效: 2022新年祝福html网页动画效果: 2022新年html创意时钟: 2022新年3D烟花动画效果: 2022小清新设计新年...
在本文中,我们将深入探讨七个精美的Web前端动画效果,这些效果可以显著提升用户体验和网站的视觉吸引力。作为Web开发的重要组成部分,前端动画不仅能够使用户界面更具动态性,还能帮助引导用户注意力,提高交互性。...
"阿里web前端开发手册" 阿里web前端开发手册是一份详细的前端开发规范,涵盖了项目命名、目录命名、JS、CSS、SCSS、HTML、PNG 文件命名等多个方面的命名规范。下面是本手册中的一些重要知识点: 1. 命名规范: 在...
《大巧不工:Web前端设计修炼之道》以Web前端设计的流程为主线,以前端设计的方法和原则为基础,围绕原型设计、模型设计、可用性设计、一致性设计和以用户为中心的设计等关键技术探讨了前端设计的规范、技巧与最佳...
**Delphi Web前端开发教程——基于TMS WEB Core框架** Delphi Web前端开发教程是针对想要使用TMS WEB Core框架创建Web应用程序的开发者,无论你是初学者还是高级开发者,本教程都提供了丰富的学习资源。TMS WEB ...
【压缩包子文件的文件名称列表】:"web前端设计"可能包含了以下文件: 1. index.html:主页面文件,包含HTML5结构和链接到CSS及JavaScript文件的引用。 2. style.css:用于定义网页样式的CSS文件,包括字体、颜色、...
标题 "6个顶级时尚的Web前端3D效果源码(六)" 提示我们这是一个关于Web前端开发的资源,特别是涉及到3D效果的实现。3D效果在现代网页设计中非常流行,它们能够为用户提供更加生动、立体的交互体验。在这一系列的...
在本文中,我们将深入探讨"6个Web前端非常好用绚丽的时间显示(二)"这个主题。这个主题聚焦于Web前端开发中的时间显示技术,通过利用不同的框架和UI库,为用户创造出美观且实用的交互体验。我们将从以下几个方面...
综合以上,这个设计作品不仅展示了基础的前端开发技术,还融入了现代Web开发的高级特性,对于学习和实践Web前端开发有着很高的参考价值。无论是初学者还是有一定经验的开发者,都可以从中学习到实际的开发技巧和实践...
"浅析Web前端开发" 本文将对Web前端开发进行浅析,探讨其历史、现状和未来发展前景。 一、Web前端开发的历史 Web前端开发的历史可以追溯到20世纪90年代,當時的網頁主要使用静态HTML頁面,随着互联网的普及和技术...
本套视频为传智2018web前端开发全套视频教程基础班+就业班,视频+源码+案例笔记,全套高清不加密~2018最新传智播客视频! 本教程是实战派课程!为传智最新web前端39期,挑战全网最全视频,没有之一.课程由教学视频+...
在Web前端开发中,地图实现模板是不可或缺的一部分,尤其对于数据可视化、地理位置应用以及导航服务等领域。本资源提供了四个经典且实用的地图实现模板,对于学习和提升Web前端技能具有很高的价值。下面将详细介绍...
【Web前端开发实训项目源代码】是一个以Bootstrap框架为基础的实训项目,主要目的是为了帮助学习者掌握Web前端开发的关键技术和实践经验。在这个项目中,开发者利用Bootstrap的灵活性和响应式设计特性,构建了一个...
标题中的“web前端仿手机左右滑动”是指在网页开发中实现类似移动设备上常见的左右滑动页面的效果。这种效果通常用于创建全屏滚动、轮播图或者展示多个项目的流式布局。在移动互联网时代,为了让用户体验更加贴近...
虽然这是一个静态项目,但开发者可能利用JavaScript或者jQuery等库,为网站添加了一些基本的交互效果,如图片滑动展示、鼠标悬停效果或点击触发的动画。这不仅可以提升用户体验,也能让静态页面显得更为生动有趣。 ...
【标题】"Web前端大作业-个人网页(html+css+javascript)"揭示了这个项目的核心是构建一个基于HTML、CSS和JavaScript的个人网页。这三种技术是Web开发的基础,用于创建动态、交互式的网页内容。 HTML(HyperText ...
千锋Web前端教程:28-29.mui地理定位实战(2集) 千锋Web前端教程:26-27.iscroll实战(2集) 千锋Web前端教程:23-25.ionic-spa应用实战(3集) 千锋Web前端教程:19-22.微信开发扫一扫(4集) 千锋Web前端教程:16...