本篇文章探讨了jQuery教程之输入内容控制为半角英数字+限定符号问题如何解决,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入。
<
需要控制一个输入框的可输入内容,
在此记录一下编码过程。
需求:
可输入范围:
a-z
A-Z
0-9
- // 短中横线
_ // 短下划线
. // 点
‘ // 单引号
想法很简单,直接在oninput里用正则匹配替换掉不需要的字符,
$(function(){
$(‘#Target‘).on(‘input‘, function(){
$(this).val($(this).val().replace(/[^\w\-\_\.\‘]/ig, ""));
}
});
是的没错就是这个正则式就可以
/[^\w\-\_\.\‘]/ig
\w 控制半角英数,(其实还有_)
剩下的是单个字符的控制,前面要加\
检查下有没有问题:
IE9不行,直接没有限制。
=>IE9的话,需要在 标签里写,
等下,写法报错,因为有[ \‘ ],引号问题。。。
解决办法:还是得用函数,
var onTargetInput = function (el){
el.value = el.value.replace(/[^\w\-\_\.\‘]/ig, "");
}
本文由职坐标整理发布,学习更多的相关知识,请关注职坐标IT知识库!