关闭

input输入框4个以空格,获得焦点就没有

375人阅读 评论(0) 收藏 举报
分类:

<script type="text/javascript">
$('#frameNumber').on('blur', function() {

	//$1是正则里的捕获,就是前面的(.*?)里的东西
	var value = $('#frameNumber').val().replace(/\s/g, '').toUpperCase();

	var value1 = value.replace(/(\S{4})/g, '$1 ').replace(/\s*$/, '');

	$('#frameNumber').val(value1)
})

$('#frameNumber').on('focus', function() {

	var value = trim($('#frameNumber').val()) ;

	$('#frameNumber').val(value);

});

function trim(str){
	if(str == undefined){

		return '';
	}

	return str.replace(/\s+/g, '');
}


</script>


0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

bootstrap——组件(四、输入框组)

1、基本用法 我们有时需要在输入框一侧或两侧添加额外的元素 这个时候只需要把所有元素都包裹在一个.input-group的div里面就可以 但是每个输入框组只能有一个input @ ...
  • zaichuanguanshui
  • zaichuanguanshui
  • 2017-01-19 10:39
  • 231

jQuery实现输入框获取焦点和失去焦点

登陆界面用户名密码区获取焦点,失去焦点 在用户登陆的界面中,一般都需要用户名和密码才能登陆,这时为了增强用户体验,最好能在当前输入框没有获取焦点时,提示输入信息,获取焦点之后,提示信息消...
  • xiaobing_hope
  • xiaobing_hope
  • 2015-07-02 21:52
  • 5468

vue获取input输入值的问题

公司需要,新学VUE,碰到一些坑记录下。 v-for里有多行input输入框,vue怎么获取某行的输入的值,随便写了点代码,意思就是后台返回了多行的list集合,页面显示多行输入框,当修改 某行的值时...
  • di315362886
  • di315362886
  • 2017-05-24 17:39
  • 11820

输入框美化(placeholder)

本文主要介绍针对输入框的美化 为了兼容ie7+,不能直接使用H5的属性placeholder,但是又需要实现输入提示效果,所以总结了以下两种方式。最终实现效果示例: 方式一: 通过添加p标签,并...
  • u013778905
  • u013778905
  • 2016-08-16 23:28
  • 869

Angular解决输入框由禁用状态转可用状态自动获取焦点失效问题

有时为了方便操作,我们会为输入框设置默认焦点。而且会设置输入权限,会禁止用户输入。但是当从禁止输入切换为可输入的时候,输入框却不能设置焦点了。原因的话,我看了一下,估计是当我们改变输入框绑定的值得时候...
  • u014291497
  • u014291497
  • 2016-10-01 20:23
  • 1901

微信小程序开发----输入框重影

问题描述:输入框文字出现重影,如下 输入框 在失去焦点和获得焦点的切换过程中,能清晰的看到输入框的问题的重影现象,如上图,经过一番折腾,我找到bug的出错原因即初步解决方案,仅供参考 1、...
  • qqabcshan
  • qqabcshan
  • 2016-11-15 11:54
  • 2713

input与button输入框 间隙问题

发现问题 解决问题 水平缝隙 垂直缝隙发现问题在开发中经常会遇到搜索框组,即一个input输入框和一个button点击搜索框,由于浏览器的解析原因,我想知道但是我没有找到答案,会出现即使是同样的高度,...
  • realDE
  • realDE
  • 2017-07-03 23:07
  • 1088

vue-auto-focus:控制自动聚焦行为的vue指令

在网页的表单中,经常需要用程序来控制input和textarea的自动聚焦行为。例如我最近做的一个项目,有个装箱出库的流程,input框自动聚焦的流程如下:页面进入时自动聚焦到订单号输入框->订单号扫...
  • haihuan2004
  • haihuan2004
  • 2017-01-16 10:55
  • 6900

CSS3 input 输入框蓝光特效

CSS3 input 输入框蓝光特效
  • qq_24452475
  • qq_24452475
  • 2016-04-28 01:03
  • 752

HTML5中input输入框的种类

1、问题背景     input输入框从HTML5版本开始,有多少种类型2、实现源码 input输入框类型 input{ width: 200px; fon...
  • you23hai45
  • you23hai45
  • 2017-03-09 23:47
  • 1424
    个人资料
    • 访问:2972845次
    • 积分:28888
    • 等级:
    • 排名:第208名
    • 原创:122篇
    • 转载:1964篇
    • 译文:0篇
    • 评论:261条
    最新评论