我正在用Python构建我的第一个web应用程序,并使应用程序更加动态
只要用户填写了正确的数据,代码就可以正常工作。然而,我现在测试一些错误的输入和有失败的地方。 我使用的是WTForms,在构建非ajax页面时,一切正常,当用户在其中输入错误数据时,应用程序为前端提供了一个很好的“无效输入”。 现在应用程序中断
表格如下:
class ExpenseForm(FlaskForm):
list_id = HiddenField(validators=[DataRequired()])
title = StringField('Expense', validators=[DataRequired()])
expensetype_id = SelectField('Expense Type', coerce=int)
price = DecimalField('Cost', places=2, validators=[DataRequired()])
quantity = IntegerField('Quantity', validators=[DataRequired()])
currency_id = SelectField('Currency', coerce=int)
country_id = SelectField('Country', coerce=int)
city = StringField('City', validators=[DataRequired()])
date = DateField('Date', validators=[DataRequired()])
exceptional_cost = BooleanField('Exceptional cost')
submit = SubmitField('Add')
我的路线:
@bp.route('/commit_expense', methods=['POST'])
@login_required
def commit_expense():
form = ExpenseForm()
form.expensetype_id.choices = [(et.id, et.name) for et in Expensetype.query.order_by('name')]
form.currency_id.choices = [(c.id, c.short) for c in Currency.query.order_by('short')]
form.country_id.choices = [(co.id, co.name) for co in Country.query.order_by('name')]
print(form.data)
if form.validate_on_submit():
extra_add_expense(form)
return jsonify({'success': 'Expense added'})
return jsonify({'error':'Failed to add expense',
'form_errors':[{form[field].label: ', '.join(errors)} for field, errors in form.errors.items()]})
以及javascript:
$(function () {
$("#expense_form").submit(function (event) {
event.preventDefault(); // Prevent the form from submitting via the browser
var form = $(this);
var error_div = $("#form_errors");
$(error_div).children().remove();
$.ajax({
type: form.attr('method'),
url: form.attr('action'),
data: form.serialize()
}).done(function (data) {
if (data.error) {
for (item in data.form_errors) {
Object.keys(data.form_errors[item]).forEach(function (key) {
$('<p>').text(key + ': ' + data.form_errors[item][key]).addClass("show_error").appendTo(error_div);
});
};
} else {
form[0].reset();
daily_refresh();
}
}).fail(function (data) {
// Finish fail here
});
});
});
因此,只要我在所有字段中填写正确的信息,一切都会顺其自然,但当我填写错误的信息时,例如价格,我会得到以下结果:
TypeError: key Label('price', 'Cost') is not a string
json消息示例如下:
list_id=2&csrf_token=IjA0NGJjNzU1Nzg3ODg1ZjhhODQ0YzE5ODMwYzkzZTBkNjEyMWQyYjIi.Du1lBg.nJJpKiNSV4pnCLsIfzUaqlsmscg&title=ff&expensetype_id=1&price=f&quantity=1¤cy_id=2&city=GHanzhaou&country_id=5&date=2018-12-08
然后我从打印中得到以下数据(form.data):
{'list_id': '2', 'title': 'ff', 'expensetype_id': 1, 'price': None, 'quantity': 1, 'currency_id': 2, 'country_id': 5, 'city': 'GHanzhaou', 'date': datetime.date(2018, 12, 8), 'exceptional_cost': False, 'submit': False, 'csrf_token': 'IjA0NGJjNzU1Nzg3ODg1ZjhhODQ0YzE5ODMwYzkzZTBkNjEyMWQyYjIi.Du1lBg.nJJpKiNSV4pnCLsIfzUaqlsmscg'}
现在,我用其他非ajax函数测试了这一点,当数据不正确时,它们似乎也有一个“None”(以其他DecimalFields为例)。 在验证时,它们只返回“DataRequired”错误,页面处理显示
我不太明白失败的原因。 任何帮助或洞察都将不胜感激
提前谢谢
form[field].label
是Label
实例,而不是字符串使用
form[field].label.text
获取标签的字符串表示形式最后一行应该是
相关问题 更多 >
编程相关推荐