js表单验证，实现文本框只能输入中文和英文

新建一个HTML文件，定名为test.html，用于讲解js验证中英文输入。

在test.html页面，建立一个form表单，在form表单内利用input建立一个文本输入框，并设置其id为user，用于下面经由过程id获得input对象。

在form表单内，建立一个type类型为button的input按钮，用于点击实现验证。

给input按钮绑心猿意马onclick点击事务，当点击按钮时，触发点击事务执行yanzheng()函数来验证输入内容。

在yanzheng()函数内，利用document.getElementById()方式获得input文本框的输入内容，用于下面进行内容的验证。

在yanzheng()函数内，编写验证中英文的正则表达式，并作为正则对象保留在ex变量中。

在yanzheng()函数内，经由过程search()方式进行中英文正则验证，当文本框的内容是中英文字符时，返回true，当文本框输入的不是中英文时提醒“只能输入中文或英文”。

在浏览器运行test.html文件，查看验证结果。

0 条评论