JavaScript对输入的用户名密码等进行判断

注册表实现以下功能

用户名：大于等于8，焦点离开是check
密码：大于等于8
密码确认：和密码一致焦点离开是check
电子邮件：格式正确焦点离开是check
生日：格式正确 9999/99/99
性别：默认是不选中
年纪：默认是不选中
可选项目兴趣介绍

保存是check

分了方便理解笔者吧check函数分开来写

1. 需要在文档出调用js函数

例如οnblur="check_username()“ 就是指在鼠标焦点离开时调用函数checkusername

2.var str = document.getElementById("username").value;

在js脚本中声明变量用不是java中的关键字，而是var

这条语句的意思是吧id为username的元素的值符给新建的变量str

3.函数中判断当获得字符串长度小于8 进入判断 alert是弹出警示框，后面双引号中的文字是弹出窗口中的文字
if ((str.length < 8))
{
alert("用户名必须为8位以上");
}

4.判断日期的正则表达式，是在网上搜索得到，相关的解释也在代码中注释

<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/formtable.css">
<link rel="stylesheet" href="css/reg.css">
<title>注册</title>
<script>/*表单验证*/// 当鼠标不聚焦于用户名function check_username(){// 判断用户名是否合法var str = document.getElementById("username").value;if ((str.length < 8)){alert("用户名必须为8位以上");}return str2;}   function check_password(){// 判断密码是否合法var str = document.getElementById("password").value;if ((str.length < 8)){alert("密码必须为8位以上");}return str2;}   function check_password2(){// 判断确认密码是否合法var str1 = document.getElementById("password").value;var str2 = document.getElementById("password2").value;if (str2 != str1){alert("两次密码必须一致");}return str1,str2;}   function IsDate() {//我们将在这个方法里面进行日期格式的检测//正则表达式var reg = /^(\d{4})-(\d{2})-(\d{2})$/;//输入的日期var str = document.getElementById("birthday").value;//用正则表达匹配var arr = reg.exec(str);if (str == "") {alert("请输入日期");}else if (!reg.test(str) && RegExp.$2 <= 12 && RegExp.$3 <= 31) {alert("请保证输入的为yyyy-mm-dd日期格式");} else {alert("日期格式正确");}}</script>
</head><body><div class="border"><div class="reg"><form ><table border="0"><tr><td>用户名：&nbsp&nbsp&nbsp&nbsp</td><td><input type="text" name="username" id = "username"onblur="check_username()" ></td></tr><tr><td>密码：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</td><td><input type="text" name="password" id = "password" onblur="check_password()" ></td></tr><tr><td>密码确认：</td><td><input type="text" name="password-again"  id = "password2" onblur="check_password2()""></td></tr><tr><td>电子邮件：</td><td><input type="text" name="email"></td></tr><tr><td>生日：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</td><td><input type="text" name="birthday" id = "birthday" onblur="IsDate()"></td></tr><tr><td>性别：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</td><td>男<input type="radio" name="sex" value="man"> 女 <inputtype="radio" name="sex" value="woman"></td></tr><tr><td>年级：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</td><td><select style="width: 150px"><option>--请选择--</option><option>---大一---</option><option>---大二---</option><option>---大三---</option><option>---大四---</option></select></td></tr><tr><td>兴趣：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</td><td><input type="checkbox" name="hobby" value="movie">电影<input type="checkbox" name="hobby" value="singing">唱歌 <inputtype="checkbox" name="hobby" value="reading">读书</td></tr><tr><td>自我介绍：</td><td><textarea rows="3" cols="30" maxlength="13"></textarea></td></tr><tr><td colspan="2"><input type="submit" value="保存" ></td></tr></table></form></div></div>
</body></html>

JavaScript对输入的用户名密码等进行判断相关推荐

Composer 安装时要求输入授权用户名密码
composer require "overtrue/laravel-socialite:~2.0"Authentication required (packagist.phpco ...
解决`向github提交代码是老要输入用户名密码`
我曾经切换过一次github账号, 似乎还更改过一次github账号的密码, 然后呢? 然后就是每次向github提交代码时都要输入用户名密码(猜测是由于上述原因导致), 每次都是啊, 这也忒麻烦了, ...
spring boot结合shiro实现用户-角色-权限的控制(包含用户名密码登陆和手机号验证码登陆)
spring boot整合shiro实现权限校验 1.首先导入项目所需jar包 <parent><groupId>org.springframework.boot</gr ...
oracle学习日志---返回RemoteOperationException: ERROR: Wrong password for user-错误的用户名密码-的错误的解决办法...
ERROR Wrong password for user 在OEM中有些操作需要输入操作系统的用户名密码才能继续下去,但是以前无论怎样输入,总是会返回RemoteOperationException ...
解决向github提交代码不用输入帐号密码
解决方案: 方案一: 在你的用户目录下新建一个文本文件.git-credentials Windows:C:/Users/username Mac OS X: /Users/username Linu ...
python判断用户名密码是否正确_python实现用户名密码校验
本文实例为大家分享了python实现用户名密码校验的具体代码,供大家参考,具体内容如下需要实现功能输入用户名密码 : 认证成功后显示欢迎信息 : 连续输错三次后锁定 : readme: 具体请 ...
git用户名密码，常用命令
初次down库,pull啥的让输入的用户名密码就是git网站的登录用户名和密码!!! 每次重装系统.去新公司登自己的git都忘了密码是啥玩意- 印象中git只有更改用户名和邮箱的命令,就是不知道密码是 ...
JAVA记住用户名密码功能实现
1.首先,写一个登陆的jsp页面,做一个form表单的post请求,地址链接到自己的servlet文件 2.然后写servlet,用户名密码验证,判断是否勾选记住密码,并生成cookie,保存到客户端 ...
live linux 密码,Linux_如何使你的Linux系统省略输入用户名密码，在做Livecd的时候总是要输入用 - phpStudy...
如何使你的Linux系统省略输入用户名密码在做Livecd的时候总是要输入用户名密码才能进入系统,很麻烦,所以打算把这两个步骤省略. 1.省略密码验证很简单,只需把/etc/passwd中的roo ...

JavaScript对输入的用户名密码等进行判断

JavaScript对输入的用户名密码等进行判断相关推荐

最新文章

热门文章