Как запретить отправку формы при пустом select?

Question

[AntonVir]

Вопрос возможно глупый, прошу сильно не пинать, я только учусь. Подскажите, пожалуйста, имеется форма регистрации, где необходимо выбрать название организации в поле select, где предложена куча разных option. Мне необходимо, чтобы при попадании на форму поле select было по-умолчанию пустым, и чтобы при этом отправка формы была невозможна.

Первая часть задачи реализована, поле select по-умолчанию пустое, но форма при этом все-равно отправляется с пустым названием организации.

Имеется следующий twig файл со следующим куском кода:

<label>{{ _('Организация') }}*</label> 

			<select  class="{% if widget.organization_error %} is-invalid-input{% endif %}" required  name="organization"> 
				{% for b in ncd_config.getBanksNames() %}
					<option hidden selected></option>
					<option value="{{b.name}}">{{b.name}}</option>
				{% endfor  %}
			</select>
			
			{% if widget.organization_error %}<span class="form-error is-visible">{{ widget.organization_error }}</span>{% endif %}

Answer 1

[Дмитрий]

попробуйте изменить первый option (hidden и selected странное сочетание). полагаю, что Вы хотели написать disabled.
Попробуйте сделать так.

<option value="" selected disabled> Выберите что-то там... </option>

Пример

Comments

[AntonVir]

Попробовал, спасибо, но к сожалению не помогло(

Форма почему-то продолжает думать, что поле заполнено (хоть оно и пустое) и перескакивает к другому пункту формы, не написав о том, что нужно выбрать пункт из списка.

[Дмитрий]

AntonVir, уверены, что hidden на disabled поменяли? такого быть не должно. проверьте фиддл.
либо у вас не здесь ошибка.

[Дмитрий]

AntonVir, а ну конечно.... первый option из цикла уберите)

<option value="" disabled selected></option> 
 {% for b in ncd_config.getBanksNames() %}
              <option value="{{b.name}}">{{b.name}}</option>
        {% endfor  %}

[AntonVir]

Да, заменил, сейчас код выглядит так:

<label>{{ _('Организация') }}*</label> 

			<select  class="{% if widget.organization_error %} is-invalid-input{% endif %}" required  name="organization"> 
				{% for b in ncd_config.getBanksNames() %}
					<option value="" selected disabled></option>
					<option value="{{b.name}}">{{b.name}}</option>
				{% endfor  %}

			</select>

			{% if widget.organization_error %}<span class="form-error is-visible">{{ widget.organization_error }}</span>{% endif %}

[AntonVir]

Упс... не доглядел, спасибо большое!)

[Дмитрий]

AntonVir, а пожалуйста) это вордпресс?

[AntonVir]

Дмитрий, нет, самодельная cms от работодателя - FastSite, она же Cetera, но вряд ли вы с такой сталкивались и даже слышали))

[Дмитрий]

AntonVir, нет конечно. просто давно twig не встречал. после того как лет 5 назад познал laravel на свою голову. А до этого изобретал велосипед и как раз к твигу подошел. Но попал на тостер и понеслось)
Когда-то пробовал вордпресс освоить, но показалось очень сложным. Вот думаю сейчас когда уже более-менее поднатаскался в laravel, javascript - может полегче пойдет.
Доброй ночи