注册页面

最新推荐文章于 2022-04-06 22:32:41 发布

塞布

最新推荐文章于 2022-04-06 22:32:41 发布

阅读量511

点赞数 1

本文链接：https://blog.csdn.net/kiseryota/article/details/44415823

版权

开发一界面命名为：regist.html，并且实现使用JavaScript进行客户端信息验证

<html>
   <head><title>regist.html</title>
<script type="text/javascript">
    
       var temp="hahha";
	
	function checkuser(){
	var name="";
        name=document.myform.username.value;
        var pwd="";
        pwd=document.myform.pwd.value;
        var pwd1="";
        pwd1=document.myform.pwd1.value;
        var e="";
        e=document.myform.email.value;
if(name.length==0){
      alert("用户名不能为空！！");
      return false;
}else { 
        if(pwd.length==0){
            alert("密码不能为空！！");
      return false;
}else{
        if(pwd!=pwd1){
           alert("确认密码与密码不相同！！");
      return false;
}
else{
        if(e.length==0){
           alert("电子邮件不能为空！！");
      return false; 
}
else  return true;
}
}
}	
}
  
           

 //alert("哈哈哈"+temp+add());
</script>

</head>
<body>
<form action="#" name="myform" method="post" οnsubmit="return checkuser();">
新用户注册<p>
	用户名:<font color="red">(*)</font><input type="text" name="username" value=""><br>
密码：<font color="red">(*)</font><input type="password" name="pwd" ><br>
再输入一次密码：<font color="red">(*)</font><input type="password" name="pwd1"><br>
性别：<input type="radio" name="sex" value="man" checked>男
<input type="radio" name="sex" value="woman">女
<br>
出生年月：<input type="text">年<select name="yue">
	<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>月<input type="text">日<br>
电子邮件：<font color="red">(*)</font><input type="text" name="email"><br>
家庭住址：<input type="text"><br>
<input type="submit" name="submit" value="提交">
<input type="reset" value="重置">
</form>


</body>
</html>

塞布

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
注册页面

开发一界面命名为：regist.html，并且实现使用JavaScript进行客户端信息验证 regist.html var temp="hahha"; function checkuser(){ var name=""; name=document.myform.username.value; var pwd="";
复制链接

扫一扫