JS高级---案例：验证密码的强度

案例:验证密码的强度 1. 给我密码,我返回对应的级别 2. 每次键盘抬起都要获取文本框中的内容, 验证文本框中有什么东西, 得到一个级别, 然后下面的div显示对应的颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style t…

JS高级---案例：验证表单

案例:验证表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body { background: #ccc; } label { width: 40px; display: inline-…

JS高级---案例：验证用户输入的是不是中文名字

案例:验证用户输入的是不是中文名字 [\u4e00-\u9fa5] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head> <body> 请输入您的名字:<input type="text" value="&q…

JS高级---案例：验证用户输入的是不是邮箱

案例:验证用户输入的是不是邮箱 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head> <body> <!-- 请您输入邮箱地址:<input type="text" value="" id=&…

JS高级---案例贪吃蛇，把封装的函数移动到js文件中

案例贪吃蛇,把封装的函数移动到js文件中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> .map { width: 800px; height: 600px; background-color: #CCC; position: relative;…

JS高级---案例：随机小方块（贪吃蛇的食物部分）

案例:随机小方块产生随机数对象,自调用构造函数产生小方块对象,自调用构造函数,里面存放: 食物的构造函数给原型对象添加方法:初始化小方块的显示的效果及位置---显示地图上给原型对象添加方法,产生随机位置实例化对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> &…

包含3种及以上 var reg = new RegExp("^(?![A-Za-z]+$)(?![A-Z\\d]+$)(?![A-Z\\W]+$)(?![a-z\\d]+$)(?![a-z\\W]+$)(?![\\d\\W]+$)^[a-zA-Z0-9!#*_]{8,20}$"); if (!reg.test(pass)) { isStrongPassword=false;} <p class="css1811301112">温馨提示:请输入8-20位大…

JS高级---案例：贪吃蛇小游戏

案例:贪吃蛇小游戏可以玩的小游戏,略复杂,过了2遍,先pass吧先创建构造函数,再给原型添加方法.分别创建食物,小蛇和游戏对象. 食物,小蛇的横纵坐标,设置最大最小值,运动起来的函数,按上下左右键的处理函数,吃到的处理函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> &…

JS简单验证密码强度

<input type="password" id="password" value=""/><button id="validate">验证</button> <script type="text/javascript"> $("#validate").click(function(){ if(isSimplePwd($("#p…

js验证密码强弱

JS密码强度验证 <%@ Page Language="C#" %> <!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"…