Нет подсказок в Форме в Safari

305
20 июля 2017, 01:12

Заметил такой баг или не баг, что в safari при нажатии "отправить" с пустыми полями не выводит подсказок типа "Заполните это поле", подсказки стандартные, которые у каждого браузера по своему оформлены. Как исправить данную проблему или что почитать, чтоб поправить ?

<form class="callback"
  <p>Оставьте заявку и мы вам перезвоним в течении 15 минут.</p>
  <input type="text" name="Имя" placeholder="Ваше имя..." required>
  <input type="text" name="Телефон" placeholder="Ваш телефон..." required>
  <select name="Услуга">
      <option value disabled selected>Выбрать услугу</option>
      <option>Вариант 1</option>
      <option>Вариант 2</option>
      <option>Вариант 3</option>
      <option>Вариант 4</option>
      <option>Вариант 5</option>
  </select>
  <button class="button button-white">Отправить</button>
</form>
Answer 1

Можно воспользоватся обычной валидацией форм. и да name на руском давать лучше не надо

$('.callback').on('submit', function(){ 
if ($('input[name=name]').val() == '' || $('input[name=num]').val() == '') { 
alert('Вы не ввели имя или номер телефона') 
return false; 
 
} 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form class="callback"> 
  <p>Оставьте заявку и мы вам перезвоним в течении 15 минут.</p> 
 
  <input type="text" name="name" placeholder="Ваше имя..." > 
  <input type="text" name="num" placeholder="Ваш телефон..." > 
  <select name="Услуга"> 
      <option value disabled selected>Выбрать услугу</option> 
      <option>Вариант 1</option> 
      <option>Вариант 2</option> 
      <option>Вариант 3</option> 
      <option>Вариант 4</option> 
      <option>Вариант 5</option> 
  </select> 
  <button class="button button-white">Отправить</button> 
 
</form>

READ ALSO
Получить изменяющийся value=&ldquo;&rdquo; JS

Получить изменяющийся value=“” JS

Как получить изменяющиеся значение value и передать его в другой элемент:

245
window.onbeforeunload перестал работать при подключении angular

window.onbeforeunload перестал работать при подключении angular

ЗдравствуйтеУ меня есть обработчик который удаляет пользователя из дати, если тут покинул или перезагрузил страницу, но при подключении...

253
Функция запускается только через onclick

Функция запускается только через onclick

Почему функция runCode() запускается только через button onclick? Пробовал разные варианты по этой ссылке, все равно результат не изменился, на что я должен...

366
почему не работает .html()? [дубликат]

почему не работает .html()? [дубликат]

На данный вопрос уже ответили:

219