利用js实现邮箱账号验证
要求:账号要求有一个@,且不能出现在首尾位置,否则提示输入错误
新建html和js文件
在js中写入代码,其中引用了开头函数startsWith和结尾函数endsWith
function emailTest(){
let str = prompt("请输入邮箱账号:")
console.log(str)
let arr = str.split("")
let count=0
//遍历数组
arr.forEach(function(item){
if(item === "@"){
count++
}
})
//判断@出现次数
if(count<1||count>1){
return alert("您输入的账号有误!")
}
let New_str = arr.join("")
//判断开头位置
if(New_str.startsWith("@")){
return alert("@不能出现在开头位置,请重新输入")
}
//判断结尾位置
if(New_str.endsWith("@")){
return alert("@不能出现在结束位置,请重新输入")
}
}
emailTest()
在html中引入函数即可实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册邮箱验证</title>
<script src="js/ZY-3.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
</body>
</html>