1、新建一个html文件,命名为test.html,用于讲解用JS如何验证输入必须是字母或数字。
2、在test.html文件中,使用input标签创建输入框,并设置其id为data。
3、在test.html文件中,使用button标签创建一个按钮,给button绑定onclick点击事件,当按钮被点击时,执行checkData()函数。
4、在js标签内,创建checkData()函数,在函数内,创建正则表达式“/^[\da-z]+$/i”,并通过id获得input对象,并获得input输入的内容。
5、在函数内,再使用test()方法,利用正则表达式验证输入的内容是否是字母或数字,通过if判断,使用alert()方法提示结果。
6、在浏览器打开test.html文件,输入字符串,点击按钮,查看结果。