.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")的使用