养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

用JS如何验证输入必须是字母或数字?

时间:2024-10-15 13:15:46

在js中,通过test()方法利用正则表达式验证输入必须是字母或数字。下面小编举例讲解JS如何验证输入必须是字母或数字。

用JS如何验证输入必须是字母或数字?

工具/原料

html+js

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解用JS如何验证输入必须是字母或数字。

用JS如何验证输入必须是字母或数字?

2、在test.html文件中,使用input标签创建输入框,并设置其id为data。

用JS如何验证输入必须是字母或数字?

3、在test.html文件中,使用button标签创建一个按钮,给button绑定onclick点击事件,当按钮被点击时,执行checkData()函数。

用JS如何验证输入必须是字母或数字?

4、在js标签内,创建checkData()函数,在函数内,创建正则表达式“/^[\d瞢铍库祢a-z]+$/i”,并通过id获得input对象,并获得input输入的内容。

用JS如何验证输入必须是字母或数字?

5、在函数内,再使用test()方法,利用正则表达式验证输入的内容是否是字母或数字,通过if判断,使用alert()方法提示结果。

用JS如何验证输入必须是字母或数字?

6、在浏览器打开test.html文件,输入字符串,点击按钮,查看结果。

用JS如何验证输入必须是字母或数字?

总结:

1、捂执涡扔使用input标签创建输入框,并设置其id为data。在js中,创建正则表达式“/^[\da-z]+$/i”,并通过id获得input对象,并获得input输入的内容,再使用test(像粜杵泳)方法,利用正则表达式验证输入的内容是否是字母或数字,通过if判断,使用alert()方法提示结果。

© 一点知识