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