input输入框手机号码344显示

最新推荐文章于 2024-06-21 19:49:41 发布

转载最新推荐文章于 2024-06-21 19:49:41 发布 · 941 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lchuang/p/6897721.html

文章标签：

#移动开发

本文介绍了一种使用jQuery实现的手机号码输入格式自动调整的方法。当用户输入手机号码时，系统会自动将号码分为3段，并按3-4-4的形式显示。此功能通过监听键盘事件并在特定长度时截取字符串来实现。

                        // 手机号码3/4/4显示
			$('.section .inp').eq(0).on('keyup',function (e) {
				var backSpaceCode = e.keyCode;
				var temp = '';
				var str = '';
				if( backSpaceCode != 8 && $(this).val().length == 4 ){
					str = $(this).val().slice(3);
					temp = $(this).val().slice(0,3);
					$(this).val( temp + ' ' + str )
				}else if( backSpaceCode != 8 && $(this).val().length == 9 ){
					str = $(this).val().slice(8);
					temp = $(this).val().slice(0,8);
					$(this).val( temp + ' ' + str )
				}
			})

转载于:https://www.cnblogs.com/lchuang/p/6897721.html