效果:
代碼:
<!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 +="必須含有\(zhòng)'@\'和\'.\'+n";
msg +="\'.\'必須在\'@\'后面n";
}else{
msg += "符合要求";
};
alert(msg);
}
</script>
</html>
本文標題:效驗頁面郵箱
分享路徑:http://aaarwkj.com/article32/chsdpc.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、微信小程序、用戶體驗、服務器托管、外貿(mào)網(wǎng)站建設、標簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)