<div>
请输入一个有效的邮箱:<br />
<input type="text" size=18 id="email" onFocus="clearForm();" />
<input type="button" onClick="validate();" value="验证" />
</div>
<div id="e-result" style="display:none">
你输入的邮箱是有效的。谢谢!
</div>
<script language="JavaScript1.2">
function vEmail(){
var str=document.getElementById('email').value;
if (str.length == 0){
alert("邮箱不能为空");
return false;
}
var rule=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
if (rule.test(str))
return true;
else{
alert("请输入有效邮箱!");
return false;
}
}
function validate(){
if (document.layers||document.getElementById||document.all){
if(vEmail()){
document.getElementById('e-result').style.display="block";
}
}
}
function clearForm(){
document.getElementById('e-result').style.display="none";
document.getElementById('email').value="";
}
</script>