效验页面邮箱

效果:

成都网站制作公司哪家好,找创新互联建站!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联建站于2013年创立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站

代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>效验meail</title>
</head>
<body>
<br>
<center>
<form>

邮箱地址:<input name="meail_input_name" type = "text" id="meail_input_id" value="" placeholder="请输入正确的邮箱">
<input name="meail_check_name" type = "button"id="meail_check_id" value="效验邮箱" onclick="checkMeail()">
</form>
</center>
</br>
</body>
<script type="text/javascript">
function checkMeail(){
var meailAddress=document.getElementById("meail_input_id").value;
//长度
var meailLength = meailAddress.length;
//判断含有@,“.”
var index1 = meailAddress.indexOf("@");
var index2 = meailAddress.indexOf(".");
var msg = "效验输入的邮箱号n";
msg += "@所在的索引:==:"+index1;
msg += "\'.\'所在的索引:==:"+index2;
msg +="邮箱地址:"+meailAddress+"n";
msg +="验证邮箱地址的实例:"
if (index1==-1||index2==-1||index1<index2) {
msg +="邮箱的基本要求:"+"n";
msg +="必须含有\'@\'和\'.\'+n";
msg +="\'.\'必须在\'@\'后面n";
}else{
msg += "符合要求";
};
alert(msg);
}

</script>
</html>

本文标题:效验页面邮箱
分享路径:https://www.cdcxhl.com/article32/chsdpc.html

成都网站建设公司_创新互联,为您提供网站策划微信小程序用户体验服务器托管外贸网站建设标签优化

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联