- 博客(4)
- 收藏
- 关注
原创 简单密码验证(正则)
利用正则表达式,判断用户输入的密码强度。一般用于表单注册或者密码修改。密码强度以及具体标准都是看需求制定,这里的话,把输入的密码内容分为三类:数字、字母、特殊符号,密码中包含其中一者,为弱,包含两种,为中,三种都包含,为强。效果图如下:接下来是代码首先是html代码。为了方便观看,这里把密码框的type属性设置为text,正常情况应该是password。<form> <label> 密码:<input type="text" cla
2020-12-22 16:52:31 2034
原创 JS表单验证
很多页面都会有表单提交,验证表单数据是否正确,是要把表单提交到服务端,跟数据库进行比对。然而有些简单的事情,其实前端就可以先验证一下,比如字符格式,输入长度等信息,通过JS对表单基本情况进行验证,避免每次都要去请求服务端,提高网页性能。验证的正则表达式根据自己的需求可以自行修改。简单的写了四个验证,分别是用户名、密码、手机和邮箱。以下是html结构span里面的提示信息设置了隐藏,不符合规则时显示,符合规则后隐藏<form> <label>
2020-12-12 21:18:57 561
原创 JS的DOM操作和事件的一些兼容
整理了一些关于DOM操作和关于事件的兼容处理1. 浏览器卷去的高度页面存在 DOCTYPE 标签的时候:document.documentElement.scrollTop页面不存在 DOCTYPE 标签的时候:document.body.scrollTop兼容var scrollTop = document.documentElement.scrollTop || document.body.scrollTop2. 浏览器卷去的宽度页面存在 DOCTYPE 标签的时候:
2020-12-12 20:08:05 2322
原创 JS动态渲染表格
这里写自定义目录标题JS实现动态渲染表格数据以及增加删除操作JS实现动态渲染表格数据以及增加删除操作将一组数据动态的渲染到表格中,并且实现了增加和删除的功能。但是因为没有和后台的交互,数据并没有写入数据库,页面刷新后,渲染的数据会恢复为开始设定的数据。以下是html结构<div> 姓名:<input type="text" value="" class="username"> 年龄:<input type="text" value=""
2020-12-12 20:02:21 2436
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人