怎樣做出JS中E-mail地址格式驗(yàn)證

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 19:45:53

怎樣做出JS中E-mail地址格式驗(yàn)證

怎樣做出JS中E-mail地址格式驗(yàn)證:這次給大家?guī)碓鯓幼龀鯦S中E-mail 地址格式驗(yàn)證，做出JS中E-mail 地址格式驗(yàn)證的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來看一下。1：代碼<!DOCTYPE html> <html> <head> <meta charset="UTF-8&

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀怎樣做出JS中E-mail地址格式驗(yàn)證:這次給大家?guī)碓鯓幼龀鯦S中E-mail 地址格式驗(yàn)證，做出JS中E-mail 地址格式驗(yàn)證的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來看一下。1：代碼<!DOCTYPE html> <html> <head> <meta charset="UTF-8&

這次給大家?guī)碓鯓幼龀鯦S中E-mail 地址格式驗(yàn)證，做出JS中E-mail 地址格式驗(yàn)證的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來看一下。

1：代碼

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>利用JavaScript驗(yàn)證是否符合電子郵箱地址</title>
</head>
<script type="text/javascript">
 // 創(chuàng)建第一個(gè)函數(shù)validate_emil()并包含兩個(gè)參數(shù)
 function validate_email(field, alerttxt) {
 with (field) {
 //利用indexOf() 方法返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置--定義一個(gè)變量apos將第一次出現(xiàn)的“@”賦值給apos
 apos = value.indexOf("@");
 //利用lastIndexOf() 方法返回一個(gè)指定的字符串值最后出現(xiàn)的位置，在一個(gè)字符串中的指定位置從后向前搜索--
 //stringObject.lastIndexOf(searchvalue,fromindex)
 //fromindex 可選的整數(shù)參數(shù)。規(guī)定在字符串中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略該參數(shù)，則將從字符串的最后一個(gè)字符處開始檢索。
 dotpos = value.lastIndexOf(".");
 // 判斷符合"@"的位置，或者"."的位置是否在"@"的后面
 if (apos < 1 || dotpos - apos < 2) {
 // 利用alert()彈出一個(gè)警告窗來執(zhí)行alerttxt的操作
 // 郵箱地址不符合
 alert(alerttxt);
 return false;
 } else {
 // 郵箱地址符合
 return true;
 }
 }
 }
 // 創(chuàng)建第二個(gè)函數(shù)validate_form()并包含一個(gè)參數(shù)
 function validate_form(thisform) {
 with (thisform) {
 if (validate_email(email, "Not a valid e-mail address!") == false) {
 // 利用focus()將輸入焦點(diǎn)移至對(duì)象上
 email.focus();
 return false;
 }
 }
 }
</script>
<body>
 <!-- onsubmit是一個(gè)驗(yàn)證表單功能,為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：結(jié)果

這里寫圖片描述