当前位置: 首页 > Web前端 > HTML5

限制input输入框只能输入xxx

时间:2023-04-05 19:42:56 HTML5

限制input输入框只能输入xxx,使用onkeyup事件。有一个bug,就是在中文输入法状态下,输入汉字后直接回车,会直接使用onchange事件输入字母。输入内容后,只有当输入失去焦点时才会得到结果,输入时不能使用oninput事件进行响应,完美解决了以上两个问题,目前测试还没有其他问题。其原理是在输入时会触发一个事件,该事件会通过字符替换和正则表达式来替换(删除)不符合规范的。输入大小写字母、数字、下划线:输入小写字母、数字、underscore:输入数字和点输入中文:输入数字:输入英文:输入中文、数字、英文:输入数字和字母:只输入英文字母并且可以输入数字,不能输入中文只能输入数字和英文<inputoninput="value=value.replace(/[^\d|chun]/g,'')">