如何将数据从javascript发送到python flask后端?

福斯

我知道这个问题已经回答了,但我不明白。我是不熟悉Flask并共同开发聊天网站的人。这包括一个供用户登录的数据库

我的signup.html具有相当大的尺寸,所以我只包括我遇到麻烦的部分:

{% extends "base.html" %}
{% block title %} Sign up {% endblock %}
{% block content %}
<form method="POST" id="signupform" action="#" onsubmit="checkForm()">
    <div class="form-group row">    
        <div class="col-sm-10">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" id="gridCheck1">
                <label class="form-check-label" for="gridCheck1">
                    I have read and agreed to the <a href="/TOS">Terms Of Service</a>
                </label>
                <small id="checkSmall" class="form-text text-muted"></small>
            </div>
        </div>
    </div>
</form>
{% endblock %}

我的JavaScript:

function checkForm() {
    var isChecked = document.getElementById("gridCheck1").checked
    if (isChecked == false) {
        console.warn("TOS not agreed to")
        document.getElementById("checkSmall").innerHTML = "Please agree to the TOS before continuing.";
    } else {
        console.log("Tos were agreed to")
    }
}

我的python(同样,不是整个文件):

@app.route("/signup", methods=["GET", "POST"])
def signup():
    if request.method == "POST":
        Name = request.form["Name"]
        Email = request.form["Email"]
        Password = request.form["Password"]
        usr = users(Name, Email, Password)
        acc = [Name, Email, Password]
        for value in acc:
            if len(value) == 0 or " "*len(value) == value:
                flash(f"{value} cant be blank")
                return redirect(url_for("signup"))
                break
            elif len(value) > 100:
                flash(f"{value} cant be more then 100 chars")
                return redirect(url_for("signup"))
                break
        db.session.add(usr)
        db.session.commit()
        flash("Signed up.")
        return redirect(url_for('home'))
    return render_template("signup.html")

除非用户确实同意,否则我不想重定向到主页。如果他们不选中该复选框,我已经设置了JavaScript来弹出一些消息,我需要告诉服务器从js停止。有人可以帮忙吗?PS:我也可以使用另一种方式实现目标。另外,以防万一这可以帮助任何人解决我的问题,我正在使用引导程序。我不擅长html,所以有什么用。

乔纳·C·罗林森

我能想到的最简单的方法(我认为这会起作用;如果错了,任何人都可以纠正我):

<input class="form-check-input" type="checkbox" id="gridCheck1" required>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将数据从 Flask 发送到 JavaScript?

如何将Json数据从javaScript发送到Flask

如何将数据从表单发送到后端?[Java]

iBeacon 如何将数据发送到后端或 api

将 FileList 发送到 Flask 后端?

将从javascript函数返回的数据发送到Flask后端

如何使用 JS 将 XML 数据发送到 Flask 后端

如何将HTML字符串从Javascript发送到Flask(python)?

如何使用Flask将数据从JS发送到Python?

反应:FormData不将图像数据发送到Flask后端

将Vue.js输入发送到Flask后端?

[Python][Javascript] 无法弄清楚如何将 API 调用从 NEXTjs 网页 GUI 发送到 Python Falcon 后端

如何将变量发送到后端 - Mern Stack

如何将数据发送到Stripe Node.js Express后端

如何将数据从React客户端应用发送到Spring Boot后端应用?

如何将发布数据从React前端发送到.NET后端

如何将数据从反应 js 发送到后端快递(反应和快递)

将数据从后端发送到前端公共 Javascript 文件

Ajax 将表单数据发送到 Flask 后端的错误路由

无需Ajax即可将数据从javascript前端发送到Flask后端的方法

如何将熊猫数据框发送到flask_restful API?

如何将Flask中的数据发送到另一个页面?

如何将数据发送到 Flask 服务器?

如何将数据从 React 模板发送到 Flask API?

Flask:如何将文本从 python 发送到 HTML textArea

如何将信息从客户端发送到服务器(Flask-python)

如何通过AJAX将数据发送到Flask?

Flask后端返回无效数据

如何(安全)将Python对象发送到Flask API?