Валидация формы?

Здравствуйте! Во время каникул делаю проекты для саморазвития.
Есть форма в которую нужно ввести веб адрес сайта(habr.com, google.ru, sony.ua) разные домены, как сделать так чтобы юзер не вводил пустую строку затем нажав на кнопку отправить и еще чтобы юзер не вводил некорректные данные типа (asasasF, asmasfkas и тд); я сделал ниже, юзер не может вводить пустую строку, но вот рекекс не работает и пропускает
не нужные значения

<div class="box">
    <h1>Вставьте ссылку</h1>
    <form method="post">
        <input type="text" name="userLink"  required pattern="^(http\:\/\/|https\:\/\/)?([a-z0-9][a-z0-9\-]*\.)+[a-z0-9][a-z0-9\-]*$" placeholder="Ссылка..." />
        <input type="submit" value="Отправить" />
    </form>
</div>
  • Вопрос задан
  • 44 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы