Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
gwiden
1 / 1 / 0
Регистрация: 13.11.2016
Сообщений: 27
1

Появление кнопки если введенные данные валидны

28.02.2017, 11:21. Просмотров 839. Ответов 3
Метки нет (Все метки)

Хай всем. Прошу помочь с кнопкой которая будет появляться если формы для ввода (номер и почта) будут заполнены верно.
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
28.02.2017, 11:21
Ответы с готовыми решениями:

Как сделать появление кнопки через 30 секунд?
Кнопка расположена на отдельном блоке div. Это блок показывается не всегда. Как...

Доработать форму заполнения так чтобы введенные данные не стирались
Здравствуйте. Есть страничка в которую вводим данные и проверяем их. Если...

Проверка,если введенные данные текстом
Здравствуйте,Ув.Профи...Дело в том,что нужно написать программу,в которой бы...

Проверить введенные данные, и если они некорректны - вывести сообщение
Здравствуйте. Я пытаюсь добавить в свою лабораторную работу проверку введенных...

Если все введенные числа положительны, то вывести их произведение,если среди них есть хотя бы один 0, то сумму
Помогите пожалуйста написать программу Если все введенные числа положительны,...

3
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
28.02.2017, 12:11 2
Лучший ответ Сообщение было отмечено mrtoxas как решение

Решение

CSS
1
2
3
4
5
6
button{
  display: none;
}
#one:valid ~ #two:valid ~ button{
  display:inline-block;
}
HTML5
1
2
3
4
5
<label for="one">One</label>
<input id="one" type="text" name="" pattern="[A-Za-z]{3}" required placeholder="qwe">
<label for="two">Two</label>
<input id="two" type="text" name="" pattern="[A-Za-z]{3}" required placeholder="qwe">
<button>Ok!</button>
Но это не кроссбраузерно. Лучше такое делать на js. Написать саму регулярку вам могут помочь в JavaScript: регулярные выражения
0
EDWIN503
1 / 1 / 2
Регистрация: 20.10.2016
Сообщений: 118
28.02.2017, 16:29 3
Цитата Сообщение от mrtoxas Посмотреть сообщение
button{
* display: none;
}
#one:valid ~ #two:valid ~ button{
* display:inline-block;
}
Данный код работает для идентификаторов, возник вопрос, у меня вместо идентификаторов классы, а вместо <button> <input type="submit">, как мне быть? (это не я придумал, такое задание, использовать классы и input)
0
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
28.02.2017, 16:44 4
EDWIN503, родственным селекторам или соседним селекторам по барабану что находить - классы или идентификаторы, input или button.
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.02.2017, 16:44

Введенные данные пользователя
Привет, коллеги! Весь день вчера гуглил, но так и не смог найти решение для...

Проверка на введенные данные
Могу ввести числа в восьмеричной, десятичной или шестнадцатеричной системе...

Появление кнопки
Как сделать, чтобы при нажатии на рекламу, допустим от tak.ru появлялась снизу...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru