Блог

Главная - Вопросы по программированию - Как я могу создать ввод текста HTML, который проверяет URL-адреса, а также привязочные ссылки?

Как я могу создать ввод текста HTML, который проверяет URL-адреса, а также привязочные ссылки?

#html #anchor

#HTML #привязка

Вопрос:

У меня есть поле ввода типа text, где я хотел бы разрешить пользователю вводить полные URL-адреса, а также ссылки на привязку, начинающиеся с «#». У меня есть регулярное выражение, которое работает, как ожидалось, на regex101.com но не работает в HTML-коде.

Вот мой HTML-код с регулярным выражением, которое я пытаюсь использовать:

 <input type="text" pattern="https?://. |^[#]">
<input type="submit">

Это регулярное выражение работает, как ожидалось, в regex101, но в HTML оно соответствует URL-адресам, но не ссылкам на привязку. Я был бы признателен за любые рекомендации по этому поводу!

Заранее спасибо.

Ответ №1:

Попробуйте использовать type="url" вместо type="text"

Комментарии:

1. Боюсь, это не приведет к проверке якорных ссылок, которые начинаются с «#». Уже пробовал это.

2. @ayushn21 просто подтвердите вручную, используя js или jQuery независимо от реализации браузера.