javascript小例子--实现邮箱验证的功能

最新推荐文章于 2024-05-14 23:26:36 发布

yayun0516

最新推荐文章于 2024-05-14 23:26:36 发布

阅读量1.5k

点赞数 1

分类专栏： javaScript 文章标签： html javascript

本文链接：https://blog.csdn.net/yayun0516/article/details/41514609

版权

javaScript 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

.html代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>字符串实例</title>
<style type="text/css">
	
</style>
<script type="text/javascript">
	function check(){
		var obj=document.getElementById("email");//.<span style="font-family: Arial, Helvetica, sans-serif;">getElementById("email")方法</span>

		if(obj.value!=""){
			var str = obj.value;
			if(str.indexOf("@")!=-1){
				if(str.indexOf(".")!=-1){
					var a = str.split("@");
					if(a[0].length>1){
						document.getElementById("mess").innerHTML="<font color='green'>正确</font>";
					}else{
						document.getElementById("mess").innerHTML="<font color='red'>长度错误</font>";
					}
				}else{
					document.getElementById("mess").innerHTML="<font color='red'>错误</font>";
				}
			}else{
				document.getElementById("mess").innerHTML="<font color='red'>错误</font>";
			}
			
			
		}
	}
</script>
</head>
<body>

	<label>email:</label><input type="text" id="email"/>
	<input type="button" value="验证" οnclick="check()"/>
	<span id="mess"></span>
</body>
</html>

注意

document.getElementById("email")的使用

yayun0516

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript小例子--实现邮箱验证的功能

.html代码如下：字符串实例 function check(){ var obj=document.getElementById("email");//.getElementById("email")方法 if(obj.value!=""){ var str = obj.value; if(str.indexOf("@")!=-1){ if(
复制链接

扫一扫