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

原创 2016年08月29日 14:36:02

<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>


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

select级联操作的简便方法

window.onload=function(){ translate(); var continentsSelect = document.getElementById("conti...
  • cbjcry
  • cbjcry
  • 2017年04月13日 10:29
  • 231

HTML Select 元素样式修改

网络精英网络精英网络精英网络精英出现问题时记得这种样式一定不要换行,否则可能导致样式继承不上...

input 输入框获得/失去焦点时隐藏/显示文字

这个标题可能比较拗口不好理解,但是我相信所有的人都见过这个效果,大家可以看本站右上角的搜索输入框,默认显示着“输入搜索内容”的提示,当这个 input 输入框获得焦点时,就自动清空等待用户输入,当用户...

页面加载完成,输入框获得焦点失败

首先,我们要获取文本框对象,这就注定了我们这段脚本必须在文本框渲染完成后才执行,参考多数登录框的设计方案,这类脚本一般都是放在HTML的最后部分,位置在之前,这样在input加载完成后才执行脚本,避免...

android EditText输入框获得焦点时,边框变为深色

第一步:为了更好的比较,准备两个一模一样的EditText(当Activity启动时,焦点会在第一个EditText上,如果你不希望这样只需要写一个高度和宽带为0的EditText即可避免,这里就不这...

Android开发中EditText获得焦点弹出输入框改变屏幕布局的问题

在Android开发中,比较头疼的问题就是EditText总是已启动就获得焦点并弹出输入框,感觉很是不爽。而且,因为输入框的弹出,导致屏幕布局获得改变,有些空间被挤压到一起,很是难看,所以,我就上网搜...

使用js实现页面加载后某输入框获得焦点

具体实现如下例: "> 获得焦点

Bootstrap 弹出框modal上层的输入框不能获得焦点问题

1.在使用Bootstrap框架中目前modal弹出框只支持一层, 即在当前弹出框上不能再使用modal弹出框。 如果使用自定义的弹出框,例如:http://my.oschina.net/tianma...

点击按钮的时候,输入框不获得焦点

public void setFocus(View view) { edit_layout.setFocusable(true); edit_layout.setFocusableIn...
  • aicpzl
  • aicpzl
  • 2016年05月30日 15:09
  • 964

JavaScript 数组对象获得input输入框的值,并设置

HTML界面开发过程中遇到需要对多行的输入框的数值计算,然后设置某个HTML元素的值。 通过JS代码增加一列,会重新计算总数。 1、input输入框定义数组name // 每行金额的值 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input输入框4个以空格,获得焦点就没有
举报原因:
原因补充:

(最多只允许输入30个字)