先通过bootstrap验证再发送ajax请求的完整代码及脚本

最新推荐文章于 2024-06-02 10:47:03 发布

原创

最新推荐文章于 2024-06-02 10:47:03 发布 · 1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #jquery #python

本文展示了如何在前端使用Bootstrap进行表单验证，验证成功后利用jQuery的Ajax技术向Python后端发送请求的完整流程。通过这种方式，可以确保用户输入有效且安全地与服务器交互。

先通过bootstrap验证再发送ajax请求的完整代码及脚本

<form class="needs-validation" autocomplete="off" novalidate=""
                              action="{% url 'user_register' %}" method="post" id="regform-two">
                            {
   
   % csrf_token %}
                            <div class="form-group">
                                <label>昵称</label>
                                <input class="form-control" type="text" name="name" placeholder="6-10位英文数字账户"
                                       pattern="[a-z0-9A-Z]{6,12}" required="">
                                <div class="invalid-feedback">请输入你的用户名.</div>
                            </div>
                            <div class="form-group">
                                <label>邮箱</label>
                                <input class<