课后作业(三)失去焦点即验证

最新推荐文章于 2021-05-18 22:16:27 发布

kafanOday

最新推荐文章于 2021-05-18 22:16:27 发布

阅读量559

点赞数

文章标签：作业 input function xhtml button html

本文链接：https://blog.csdn.net/kafanoday/article/details/6468948

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

密 码：<input id="upwd" type="password" οnblur="cc()" /><div id="upwderror" style="display:inline"></div><br />

E-mail:<input id="uemail" type="text" οnblur="dd()"/><div id="uemailerror" style="display:inline"></div>
<input type="button" value="确定" οnclick="bb()"/>
</table>
</body>
<script>
function $(id)
  {
   return document.getElementById(id);
  }

  var regusername = /^[A-Za-z]/w{4,22}$/;
  var regupwd = /^/d{6}$/;
  var reguemail = /^/w+@/w+./w+$/;
function bb()
{

if(!regusername.test($("uname").value))
{
  $("unameerror").innerHTML = "用户名错误！";
  return;
}
  else
  {
  $("unameerror").innerHTML = "用户名正确";
  }
}
function cc(){

if(!regupwd.test($("upwd").value))
{
  $("upwderror").innerHTML = "密码错误！";
  return;
}
else
{
$("upwderror").innerHTML = "密码正确";
}
}

function dd(){
if(!reguemail.test($("uemail").value))
{
$("uemailerror").innerHTML = "邮箱格式错误！";

}
else
{
$("uemailerror").innerHTML = "邮箱正确";
}
}
</script>
</html>