运用HTML5新表单元素制作一个网页,内容包括:用户名输入、密码输入、二...

发布网友发布时间：2022-05-13 19:17

共2个回答

热心网友时间：2022-04-21 23:50

<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>

热心网友时间：2022-04-22 01:08

html好像是静态网页，建议学PHP吧