Кнопка отправки формы не запускает функцию javascript onclick () в Safari - PullRequest
Новая
       24

Кнопка отправки формы не запускает функцию javascript onclick () в Safari

0 голосов
/ 28 января 2019

Кнопка отправки формы не отправляется и теряет стиль в Safari 9 и более поздних версиях.Работает на Chrome и Firefox.Я видел несколько сообщений с похожей проблемой, но все представленные решения не сработали для меня.

В JS у меня есть один обработчик события onsubmit и одна функция onclick в кнопке, чтобы проверить, являются ли поля пустыми или нет, и это вызывает всплывающее окно, где информация печатается обработчиком события onsubmit.Не вставляйте сюда JS-код, который достаточно велик ...

Спасибо:

Вот ссылка на проект:

https://github.com/carlosrbatalha/survey-saving-our-planet

Код: 

 HTML:

    <div class="outer-button">
    <button form="survey-form" id="submit" type="submit" name="submit" onclick='myFunction()'>Submit</button>
    </div>

    CSS:

        .outer-button {

      display: flex;
      flex-direction: row;
      justify-content: center;
      padding-bottom: 50px;
    }

#submit {
  background-color: rgba(255,255,255, 0.7);
  display: flex;

   border:none;
  -webkit-border:none;
  -webkit-border-radius:0px;
  -webkit-appearance:default-button;


  justify-content: center;
  align-self: center;
  width: 100px;

  padding:10px;

  margin-top: 20px;
  font-family: 'Varela Round', sans-serif;
  font-size: calc(9px + (21 - 9) * ((100vw - 300px) / (1600 - 300)));  
  cursor: pointer; 
}

#submit:hover{
  background-color: rgba(255,255,255, 1);
  border: none;
  -webkit-border:none;
  -webkit-border-radius:0px;
  -webkit-appearance:default-button;
  }
...