运用HTML5新表单元素制作一个网页,内容包括:用户名输入、密码输入、二次密码确认、邮箱输入、关键

运用HTML5新表单元素制作一个网页,内容包括:用户名输入、密码输入、二次密码确认、邮箱输入、关键字搜索、进入网页用户名输入框自动获取光标、可以对各种输入框进行优化,(我只要完整代码)

<html>
<head>
<title></title>
</head>
<body>
<div>HTML各种输入验证</div>
用户:<input id="uname" type="text" /><br />
密码:<input id="pwd" type="password"  /><br>
确认密码:<input id="pwd1" type="password"  /><br>
EMAIL:<input id="email" name="email" type="email" /><br>
<input id="load" value="登陆" type="button" onclick="check()" />
<script language="javascript">

window.onload = function ()
{
document.getElementById('uname').focus();

}
function check()
{
var uname=document.getElementById("uname").value;
var pwd=document.getElementById("pwd").value;
var pwd1=document.getElementById("pwd1").value;
var email=document.getElementById("email").value;
if(uname+pwd=="")
{
 alert("用户名和密码不能为空");
}
else if(uname=="")
{
  alert("用户名不能为空");
}
else if(pwd=="")
{
  alert("密码不能为空");
}
else if(pwd1 != pwd)
{
  alert("两次密码不一样");
}
//
if(email=="")
{
    alert("电子邮件不能为空");
    return false;
}
else
{
    reg=/^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/gi;
    if(!reg.test(email))
    {
        alert("非法的电子邮件");
        return false;
    }
}
}
</script>
</body>
</html>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-04-11
html好像是静态网页,建议学PHP吧
相似回答