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怎么校验文本框中不能输入中文
  • svn如何版本回退
  • el-tabs如何设置显示关闭图标
  • C#里的SQL语句in的多个参数怎么用
  • 如何用jquery取得table的总行数
  • Source Insight显示左侧代码的行数的两种方法
  • 热门搜索
    保护地球英语手抄报 三年级上英语手抄报 卫生手抄报内容 昆虫记手抄报图片 美文欣赏手抄报 年俗年韵年文化手抄报 法律伴我行手抄报内容 垃圾不落地手抄报 走进名人手抄报 手抄报名人名言