完整中文代码:使用java script在网页中对E-MAIL格式进行校验(要求:形如 ××@××.×x,即首字母不能为“@”,“”必须在“@ 后至少间隔1个字符,且“”不能为最后一位)
时间: 2023-10-09 20:06:07 浏览: 35
以下是使用 JavaScript 在网页中对 E-MAIL 格式进行校验的代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Email格式校验</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) {
alert("请输入正确的E-MAIL格式!");
return false;
}
return true;
}
</script>
</head>
<body>
<form onsubmit="return validateEmail()">
<label for="email">E-MAIL:</label>
<input type="text" id="email" name="email">
<input type="submit" value="提交">
</form>
</body>
</html>
```
在这个示例中,我们使用了 `validateEmail` 函数来校验输入的 E-MAIL 格式是否正确。该函数首先获取输入框中填写的 E-MAIL 地址,然后使用 `indexOf` 和 `lastIndexOf` 方法来查找 "@" 和 "." 的位置。如果 "@" 的位置小于1或者 "." 的位置小于 "@" 后面至少两个字符的位置,或者 "." 的位置是 E-MAIL 地址的最后一个字符,那么就认为这个 E-MAIL 地址格式不正确。
在 HTML 中,我们使用 `<form>` 元素来创建一个表单,其中包括一个 `<input>` 元素来接收用户输入的 E-MAIL 地址。我们将表单的 `onsubmit` 属性设置为 `validateEmail()` 函数,这样当用户提交表单时就会调用 `validateEmail()` 函数进行校验。如果校验不通过,那么就会弹出一个提示框,告诉用户输入的 E-MAIL 格式不正确。如果校验通过,那么表单就会被提交。