Верстаю одну форму, отправки пассивых первичных данных.
<input type="text" class="" id="" name="reg_surname" placeholder="Фамилия" required />
Каждому полю задал required, воткнул стили валиднации
input:required:invalid {color:red;}
input:required:valid {color:green;}
В конце формы присутствует 3 практически аналогичных пункта формы
4. Адрес регистрации/прописки
5. Фактическое место проживания/индекс
6. Адрес доставки писем и посылок
между 4 и 5 пунктами воткнул checkbox
<input type="checkbox" class="accord" id="accord" value="1" name="accord" /> <label for="accord">Адрес доставки писем и фактического места проживания совпадает с пропиской</label>
подкрепил css взятым как пример с темы
ЗАПИЛИЛ
#residence, #delivery {
display: block;
}
.accord:checked ~ #residence, .accord:checked ~ #delivery {
display: none;
}
где #residence пункт 5, #delivery пункт 6
Все работает, необходимая часть формы 5-6 пункты скрываются, только форма не отправляется, так как срабатывает required в этом куске формы, и кердык.
Что-то не знаю как победить, есть мнения у кого?
_____________
Если долго в одних стенах живешь, ты с ними сростаешься