您的位置：首页 > Web前端 > JavaScript

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

2014-11-26 13:28 316 查看
.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="验证" onclick="check()"/>
	<span id="mess"></span>
</body>
</html>



注意
document.getElementById("email")的使用
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航