js控制input text字符键入/字符长度限制/字母自动大写
2018-01-03 15:58
543 查看
功能:
1.仅允许指定字符键入
2.限制长度
实现代码:
1.仅允许指定字符键入
2.限制长度
实现代码:
<input type="text" style="width: 6em" name="referral" maxlength="6"/>
$('input[name=referral]').on('keydown', function(event) { if(event.which==229){ //中文输入法,keydown不控制,利用keyup控制 return true; } //数字+小键盘数字 if(event.which >=48 && event.which <=57 || event.which >=96 && event.which <=105){ return true; }else if(event.which >= 65 && event.which <= 90){ //字母 if($(this).val().length==6){ return false; //html长度限制不生效了,这里做个限制 } $(this).val($(this).val()+String.fromCharCode(event.which)); return false; //阻止键入 }else if(event.which==8 || event.which==46 || event.which>=37 && event.which<=40){ //退格键、删除键、方向键 return true; }else{ return false; } }); $('input[name=referral]').on('keyup',function (event) { if(event.which==32 || event.which==13) { //空格、回车键入 var value = $(this).val(); value = value.replace(/[^0-9a-zA-Z]/g, '').toUpperCase(); $(this).val(value); return false; } });
相关文章推荐
- Android输入框限制字符长度,字母自动大写
- JS控制 input 输入字符限制全搜集
- JS控制 input 输入字符限制全搜集
- flex中textinput限制输入长度与某些字符
- EditText 限制只能输入字母和数字,并且字母自动大写
- flex中textinput限制输入长度与某些字符 .
- Flex中TextInput组件如何设置限制长度,字符
- Android EditText输入限制最大字符长度 和 限制只能输入数字和字母(包含大小写)
- flex中textinput限制输入长度与某些字符
- 控制winform文本框输入字符限制(数字或字母、长度)
- JS控制 input 输入字符限制
- JS控制 input 输入字符限制
- JS控制 input 输入字符限制
- JS控制 input 输入字符限制
- js 限制input只能输入数字、字母和汉字等等
- js 限制input只能输入数字、字母和汉字等等
- Android EditText限制文字长度(中文算2字符,英文算1字符)
- js控制文本框自动适应文本长度
- flex textinput 输入限制(数字、字母)
- 如何限制EditText输入的字符长度_王菲