溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
最近做了一個前端的項目，要求：輸入的數(shù)據(jù)必須包含 @ 符號和點號(.)。同時，@ 不可以是郵件地址的首字符，并且 @ 之后需有至少一個點號。
1：代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>利用JavaScript驗證是否符合電子郵箱地址</title>
</head>
<script type="text/javascript">
// 創(chuàng)建第一個函數(shù)validate_emil()并包含兩個參數(shù)
function validate_email(field, alerttxt) {
with (field) {
//利用indexOf() 方法返回某個指定的字符串值在字符串中首次出現(xiàn)的位置--定義一個變量apos將第一次出現(xiàn)的“@”賦值給apos
apos = value.indexOf("@");
//利用lastIndexOf() 方法返回一個指定的字符串值最后出現(xiàn)的位置，在一個字符串中的指定位置從后向前搜索--
//stringObject.lastIndexOf(searchvalue,fromindex)
//fromindex 可選的整數(shù)參數(shù)。規(guī)定在字符串中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略該參數(shù)，則將從字符串的最后一個字符處開始檢索。
dotpos = value.lastIndexOf(".");
// 判斷符合"@"的位置，或者"."的位置是否在"@"的后面
if (apos < 1 || dotpos - apos < 2) {
// 利用alert()彈出一個警告窗來執(zhí)行alerttxt的操作
// 郵箱地址不符合
alert(alerttxt);
return false;
} else {
// 郵箱地址符合
return true;
}
}
}
// 創(chuàng)建第二個函數(shù)validate_form()并包含一個參數(shù)
function validate_form(thisform) {
with (thisform) {
if (validate_email(email, "Not a valid e-mail address!") == false) {
// 利用focus()將輸入焦點移至對象上
email.focus();
return false;
}
}
}
</script>
<body>
<!-- onsubmit是一個驗證表單功能,為true提交， -->
<form action="submitpage.htm" onsubmit="return validate_form(this);" method="post">
Email: <input type="text" name="email" size="30"> <input type="submit" value="Submit">
</form>
</body>
</html>
2：結果
下圖則說明了自己輸入的郵箱格式是準確的，至于存在不存在另當別論！
總結
以上所述是小編給大家介紹的JavaScript中的E-mail 地址格式驗證，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網(wǎng)站的支持！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內容。
