网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

JS怎么校验文本框中不能输入中文

时间:2024-10-13 20:02:49

1、首先新建一个html界面,来测试这个输入框不可输入中文的情况

JS怎么校验文本框中不能输入中文

2、之后在这个body中增加div以及div下的input元素,元素的属性type为text,保证当前元素为输入框

JS怎么校验文本框中不能输入中文

3、给这个输入框增加一个特性,onkeyup 表示按键放开的时候出发,给这个事件绑定一个方法

JS怎么校验文本框中不能输入中文

4、在script中增加一个方法,大致就是获取当前元素的值,把当前元素中不可以显示的元玟姑岭箫素替换掉function check_zh(Cur) { Cur.value = Cur.value.replace(/[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/g, ''); }

JS怎么校验文本框中不能输入中文

5、之后找到这个文件所在的位置,右键运行或者双击运行

JS怎么校验文本框中不能输入中文

6、运行后在界面上会显示一个输入框,而这个输入框的长宽则是当时在div和input上定义的长宽,输入文字字符,会发现中文自动被过滤掉,无法输入

JS怎么校验文本框中不能输入中文
© 2025 阿力知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com