Flask-wtforms：将来自两个不同输入字段的两个数字相乘，并在第三个输入字段中填充结果，而无需刷新页面

Question

我正在开发一项功能，如果我在两个不同的输入字段中输入值，那么我应该乘以并显示在第三个输入框中，而无需刷新页面。

示例：-

代码：-表格.py

class Multiply(FlaskForm):
    number1 = IntegerField("number1")
    number2 = IntegerField("number2")
    result = IntegerField("result")

routes.py

@app.route('/multiply')
def multiply():
    form = Multiply()
    return render_template('multiply.html', form=form)

multiply.html

<form>
    {{ form.number1.label }} {{ form.number1(class="form-control") }}
    {{ form.number2.label }} {{ form.number2(class="form-control") }}
    {{ form.result.label }} {{ form.result(class="form-control") }}
</form>

我对此并不陌生，所以我不知道该怎么做。

Answer 1

您正在尝试做的是动态更新视图。 HTML需要javascript的帮助来动态更新页面（在您的情况下为结果）。

这可以通过对后端编写的API进行AJAX调用来完成，该API将两个值作为数据接收并计算结果并将其发送回（可能还同时存储）。