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类获取文件夹创建的时间
  • 热门搜索
    语文天地手抄报 消防的手抄报 防震减灾手抄报花边 四年级数学手抄报图片 小学一年级手抄报大全 感恩自然手抄报 科技幻想手抄报 爱的教育手抄报图片 小学生行为规范手抄报 关于水资源的手抄报