完整代码:使用java script在网页中对E-MAIL格式进行校验(要求:形如 ××@××.×x,即首字母不能为“@”,“”必须在“@ 后至少间隔1个字符,且“”不能为最后一位)
时间: 2023-10-09 10:06:07 浏览: 73
利用javascript检验电子邮箱是否正确
以下是使用 JavaScript 在网页中对 E-MAIL 格式进行校验的代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Email Validation</title>
<script type="text/javascript">
function validateEmail() {
var email = document.getElementById("email").value;
var atpos = email.indexOf("@");
var dotpos = email.lastIndexOf(".");
if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= email.length || atpos === email.length - 1 || email.charAt(0) === "@") {
alert("Please enter a valid email address!");
return false;
}
return true;
}
</script>
</head>
<body>
<form>
<label for="email">Email:</label>
<input type="text" id="email" name="email"><br><br>
<input type="button" value="Submit" onclick="validateEmail()">
</form>
</body>
</html>
```
在这个例子中,我们首先定义了 `validateEmail()` 函数来验证用户输入的 E-MAIL 地址。该函数首先获取输入框中的 E-MAIL,然后使用 `indexOf()` 和 `lastIndexOf()` 方法查找 "@" 和 "." 的位置。如果 "@" 的位置小于 1,或者 "." 的位置小于 "@" 后面至少两个字符的位置,或者 "." 的位置在 E-MAIL 的末尾,或者 E-MAIL 的第一个字符是 "@",则会提示用户输入有效的 E-MAIL 地址并返回 `false`。否则,函数将返回 `true`。
在 HTML 中,我们定义了一个表单,其中包含一个 E-MAIL 输入框和一个提交按钮。当用户单击提交按钮时,将调用 `validateEmail()` 函数来验证输入的 E-MAIL 地址。如果该函数返回 `true`,则表单将被提交到服务器。否则,用户将收到一个警告消息,并且表单不会被提交。
阅读全文