Главная страница / Занятия / #8 / Форма: событие и метод submit и работа с ними в JavaScript

Форма: событие и метод submit и работа с ними в JavaScript

Задание:

Рассказать про событие и метод submit формы и работу с ними в JavaScript.

HTML–код (index.html):

   <!DOCTYPE html>
   
   <html lang="ru">
   
    <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Форма: событие и метод submit и работа с ними в JavaScript</title>
     <script src="scripts.js"></script>
    </head>
   
    <body>
     <form>
      <input type="text" value="Текст">
      <input type="submit" value="Отправить">
     </form><br>
     <button id="doSubmit">Отправить форму</button>
    </body>
   
   </html>

JS–скрипты (scripts.js):

   window.onload = function()
   {
    document.forms[0].onsubmit = function()
    {
     alert('Submit event');
     return false;
    };
   
    document.getElementById('doSubmit').onclick = function()
    {
     document.forms[0].action = 'https://yandex.ru/';
     document.forms[0].submit();
    };
   };

Результат:

Результат выполнения задания можно посмотреть здесь.