У меня есть две радиокнопки в форме flask. Если первый переключатель отмечен «Да», мне нужно, чтобы второй переключатель стал обязательным для заполнения пользователем. Я знаю, что есть способы сделать это в javascript, но я бы хотел сохранить все содержащиеся в flask wtform, поскольку именно это я и делал в основном, и я новичок в javascript.
Посмотрев на ранее заданные вопросы stackoverflow, я нашел следующее возможное решение, но это ничего не делает для меня. Когда я запускаю код с помощью следующего решения, оба переключателя являются обязательными. Я хочу, чтобы второе было обязательным, если первый отмечен только «Да».
class RequiredIf(InputRequired):
field_flags = ('requiredif',)
def __init__(self, other_field_name, message=None, *args, **kwargs):
self.other_field_name = other_field_name
self.message = message
def __call__(self, form, field):
other_field = form[self.other_field_name]
if other_field is None:
raise Exception('no field named "%s" in form' % self.other_field_name)
if bool(other_field.data):
super(RequiredIf, self).__call__(form, field)
else:
Optional().__call__(form, field)
class CheckInForm(FlaskForm):
question1= RadioField('Question1 Label', choices=[('Yes', 'Yes'), ('No', 'No')], validators=[DataRequired()])
question2 = RadioField('Question2 Label', choices=[('Yes', 'Yes'), ('No', 'No')], validators=[RequiredIf('question1')])
submit = SubmitField('Submit Form', render_kw={"class": "btn btn-primary btn-block"})
Ниже приведен мой html файл:
{% extends "base.html" %}
{% import 'wtf.html' as wtf %}
<body>
{% block app_content %}
{% block content %}
<h1><center>Check In</center></h1>
<form action="" method="post" novalidate>
{{ form.hidden_tag() }}
<h5> {{ form.question1.label }}</h5>
{% for subfield in form.question1%}
<tr> 
<td>{{ subfield }}</td>
<td>{{ subfield.label }}</td>  
</tr>
{% endfor %}
{% for error in form.question1.errors %}
<span style="color: red;">[{{ error }}]</span>
{% endfor %}
<h5> {{ form.question2.label }}</h5>
{% for subfield in form.question2%}
<tr> 
<td>{{ subfield }}</td>
<td>{{ subfield.label }}</td>  
</tr>
{% endfor %}
{% for error in form.question2.errors %}
<span style="color: red;">[{{ error }}]</span>
{% endfor %}
</form>
{% endblock %}
{% endblock %}