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

 时间:2024-10-12 20:39:56

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

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

2、在test.html页面,创建一个form表单,在form表单内使用input创建一个文本输入框,并设置其id为user,用于下面通过id获得input对象。

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

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

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

4、给input按钮绑定onclick点击事件,当点击按钮时,触发点击事件执行yanzheng()函数来验证输入内容。

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

5、在yanzheng()函数内,使用document.getElementById()方法获得input文本框的输入内容,用于下面进行内容的验证。

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

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

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

7、在yanzheng()函数内,通过search()方法进行中英文正则验证,当文本框的内容是中英文字符时,返回true,当文本框输入的不是中英文时提示“只能输入中文或英文”。

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

8、在浏览器运行test.html文件,查看验证效果。

js表单验证,实现文本框只能输入中文和英文
  • 文件夹共享的两种方法
  • 注册表修改:[3]图标修改
  • win7用DOS命令解压缩文件的详细步骤
  • jquery获取form表单数据的方法
  • C#如何利用Directory类获取文件夹创建的时间
  • 热门搜索
    乳晕黑怎么办 海虹怎么吃 连体裤怎么上厕所 牡丹鹦鹉怎么养 福牌阿胶怎么样 宝骏730怎么样 怎么设置默认输入法 凉拌菜怎么做 冬天怎么穿衣搭配 怎么练劈叉