【JavaScript】综合案例-小兔鲜页面注册（1）

最新推荐文章于 2024-06-27 00:06:13 发布

ClearStari99

最新推荐文章于 2024-06-27 00:06:13 发布

阅读量201

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/JackCao_Grass/article/details/130002113

版权

步骤

小兔鲜页面注册
分析业务模块：
①：发送验证码模块
②：各个表单验证模块
③：勾选已经阅读同意模块
④：下一步验证全部模块
只要上面有一个input验证不通过，就不同意提交。

在这里插入图片描述

需求①：发送验证码
用户点击之后，显示 05秒后重新获取
时间到了，自动改为重新获取

在这里插入图片描述

html:

  <div class="xtx-wrapper">
    <div class="container">
      <!-- 卡片 -->
      <div class="xtx-card">
        <h3>新用户注册</h3>
        <form class="xtx-form">
          <div data-prop="username" class="xtx-form-item">
            <span class="iconfont icon-zhanghao"></span>
            <input name="username" type="text" placeholder="设置用户名称">
            <span class="msg">