我有以下文件（app.py），该文件生成一个Flask实例并定义一些路由并声明/初始化一个简单的形式：
from flask import Flask, render_template, url_for
from flask_wtf import FlaskForm
import wtforms as wtf
from wtforms.fields.html5 import DecimalRangeField
app = Flask(__name__)
app.config['SECRET_KEY'] = 'youll-never-guess'
class Form(FlaskForm):
age = DecimalRangeField('age', default=30)
submit = wtf.SubmitField('submit')
@app.route('/form/', methods=['GET'])
def form():
form = Form()
return render_template('form.html', form=form)
@app.route('/form/submit/', methods=['POST'])
def submit_form():
return 'form submitted!'
def main():
app.run(debug=True, port=5000)
if __name__ == '__main__':
main()
该templates/form.html文件如下：
<form id="form" action="{{ url_for('submit_form') }}" method="POST" onchange="submitForm(this);">
{% for field in form %}
{{ field }}
{% endfor %}
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
function submitForm(form) {
console.log(`submitting form ${form} ... `);
$(form).submit();
}
</script>
当我更改滑块时，控制台会打印，submitting form [object HTMLFormElement] ...但似乎没有调用view函数submit_form。但是，当我单击submit按钮时，/form/submit/URL将显示为text form submitted!。为什么要这样？
您必须重命名表单上的提交字段，因为名称/ id属性遮盖了提交方法/处理程序。
class Form(FlaskForm):
age = DecimalRangeField('age', default=30)
sub = wtf.SubmitField('sub')
或者，您可以直接在模板中添加表单按钮，但不能具有id或name submit。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句