1、新建一个html文件,命名为test.html,用于讲解js如何判断邮箱地址输入是否正确。
2、在test.html页面,使用form标签创建一个表单,在表单内创建一个input邮箱输入框,同时,创建一个按钮,用于点击检测邮箱地址。
3、给input按钮绑定onclick点击事件,当按钮被点击时,执行ChkMail()函数来检测邮箱地址。
4、在onclick点击事件内,使用this获得邮箱输入框对象,并把它作为参数传递给ChkMail()函数。
5、编写验证邮箱的正则表达式,通过value属性获得输入的邮箱地址,使用test(拘七呷憎)方法利用正则表达式检测邮箱格式。正则表达式:/^[\w\-\.]+@[a-z0-9]+(\-[a-z0-9]+)?(\.[a-z0-9]+(\-[a-z0-9]+)?)*\.[a-z]{2,4}$/i
6、在ChkMail()函数内,使用if语句对检测邮箱地址的结果进行判断,如果不是邮箱格式,则弹出提示“请输入正确的邮箱地址!”。
7、在浏览器运行test.html文件,在输入框中输入格式错误的邮箱地址,点击“测试”,弹出"请输入正确的邮箱地址!",实现邮箱格式正确与否的判断。