JS注册验证拖拽和验证码功能的特效代码.zip资源-CSDN文库

共7个文件

js：2个

svg：2个

css：1个

版权申诉

43 浏览量 2022-11-01 00:53:06 上传评论收藏 8KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

JS注册验证拖拽和验证码功能的特效代码.zip （7个子文件）

132674366218959493

likecs.com_132674366220691158

css

style.css 3KB

img

c.svg 5KB

d.svg 5KB

lllllll.png 1KB

index.html 2KB

index.js 8KB

slide.js 1KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>js表单正则表达式验证</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <form action="" autocomplete="off"> <input type="text" name="" id="na" placeholder="昵称"><img src="" alt=""><br> <p>3~6个中文字符或数字或字母组合</p><br> <input type="password" name="" id="pawd" placeholder="密码"><img src="" alt=""><br> <p>6~16个字符，区分大小写</p><span id="ruo">弱</span><span id="zo" >中</span><span id="qiang" >强</span><br> <input type="password" name="" id="pwd" placeholder="确认密码"><img src="" alt=""><br> <p>请再次填写密码</p> <div class="verify"> <div id="verify_box"> <div id="verify_xbox"> <div id="btn2"> <img class="img" src="img/lllllll.png"/> </div> </div>          按住滑块，拖动到最右边 </div> </div> <h6>请滑动上方滑块验证</h6> <input type="text" name="" id="phone" placeholder="手机号"><img src="" alt=""><br> <p>请填写正确的手机号码</p><br> <input type="text" name="" id="yzm" placeholder="请输入短信验证码" maxlength="6"><br> <p>请填写手机验证码，不区分大小写</p> <button id="btn">获取验证码</button> </form> <div class="btn1">立即注册</div> <div id="mask">注册成功</div> <div class="load"></div> <script type="text/javascript" src="js/slide.js"></script> <script src="js/index.js"></script> </body> </html>

评论收藏

内容反馈

版权申诉