bootstrap5表单验证

最新推荐文章于 2024-10-19 09:00:00 发布

原创

最新推荐文章于 2024-10-19 09:00:00 发布 · 1.5k 阅读

4 ·

CC 4.0 BY-SA版权

https://github.com/gztrljh

本文介绍了如何在Bootstrap5中进行表单验证，通过示例展示了基础验证过程，并提出了由于单个字段验证代码量较大，封装成专用验证插件的必要性。

                        <form class="login-form">
                            <div class="mb-3">
                                <label for="name" class="form-label">账号</label>
                                <input type="text" class="form-control" id="name"
                                       aria-describedby="emailHelp" placeholder="邮箱/个性地址" name="name">
                                <div id="emailHelp" class="form-text">我们永远不会与他人共享您的邮箱</div>

                            </div>
                            <div class="mb-3">
                                <label for="password" class="form-label">密码</label>
                                <input type="password" class="form-control" id="password" name="password">
                            </div>