Прервать процесс обновления html-страницы с помощью скрипта

Вот мой код. Я проверяю простую формулировку и проверяю с помощью функции, является ли мой ярлык «prenom» пустым или нет. Но когда я тестирую, все в порядке, но страница обновляется, и поэтому все, что вы написали, разрушается. Как я могу остановить процесс, пока скрипт не будет написан? Спасибо

<!--
/** * Formulaire classique */
-->

<html lang = "fr">

<head>
  <title>Formulaire</title>
  <meta charset = "utf-8">
  <link href = "style_form.css" rel = "stylesheet" media = "all" type = "text/css">
</head>

<body>
  <h1>Votre avis</h1>
  <form id = "form" method = "post" enctype = "text/plain">
    <p>
      <label for = "prenom">Prénom</label><input id = "prenom" type = "text" name = "prenom" value = " ">
      <label for = "nom">Nom</label><input id = "nom" type = "text" name = "nom" value = " "><br>

      <input id = "sexeHomme" type = "radio" name = "sexe" value = "homme"><label for = "sexeHomme">Homme</label>
      <input id = "sexeFemme" type = "radio" name = "sexe" value = "femme"><label for = "sexeFemme">Femme</label><br>

      <textarea name = "impression" rows = "5" cols = "50">Donnez vos impressions sur le site...</textarea><br>

      <button onclick = "myFunction()">Envoyer</button>

      <script>
        function myFunction() {
          var prenom;

          if (prenom.trim() == "") {
            console.info("Le labbel est vide");
          }
        }
      </script>

    </p>
  </form>

</body>

</html>

/ ** вот проблема

Возможный дубликат Код JavaScript для остановки отправки формы

— 10.10.2018 11:05

добавить event.preventDefault (); в ваш javascript, это предотвращает отправку формы (предотвращает поведение по умолчанию при взаимодействии элементов), если вы хотите запустить проверку javascript в форме, вы можете использовать document.getElementById ("form"). submit (); отправить форму, когда критерии соблюдены

— 10.10.2018 11:09

javascript

10.10.2018 11:02

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

вам нужно вызвать функцию в виде

<form id = "form" method = "post" enctype = "text/plain" onsubmit = "return myFunction() ">


<script>
        function myFunction() {
          var prenom=document.getElementById('prenom').value;

          if (prenom== "") {
            console.info("Le labbel est vide");
return false
          }
        }
      </script>

так исполнение будет прервано? Нравится, если я использую «перерыв»?

— 10.10.2018 11:11

Да, только если функция возвращает false

— 10.10.2018 11:13

Извините, но это все еще не работает Обновление страницы и то, что было внутри "nom", а также мой комментарий удалены

— 10.10.2018 11:17

10.10.2018 11:07

Ответ принят как подходящий

Из вашего скрипта вы можете сделать это:

<!--
/** * Formulaire classique */
-->

<html lang = "fr">

<head>
  <title>Formulaire</title>
  <meta charset = "utf-8">
  <link href = "style_form.css" rel = "stylesheet" media = "all" type = "text/css">
</head>

<body>
  <h1>Votre avis</h1>
  <form id = "form" method = "post" enctype = "text/plain">
    <p>
      <label for = "prenom">Prénom</label><input id = "prenom" type = "text" name = "prenom" value = " ">
      <label for = "nom">Nom</label><input id = "nom" type = "text" name = "nom" value = " "><br>

      <input id = "sexeHomme" type = "radio" name = "sexe" value = "homme"><label for = "sexeHomme">Homme</label>
      <input id = "sexeFemme" type = "radio" name = "sexe" value = "femme"><label for = "sexeFemme">Femme</label><br>

      <textarea name = "impression" rows = "5" cols = "50">Donnez vos impressions sur le site...</textarea><br>

      <button type = "submit">Envoyer</button>

      <script>
      var form=document.getElementById('form');
      form.addEventListener('submit',function(event)
      {
      event.preventDefault();
          var prenom;
           prenom=document.getElementById('prenom').value;
          if (prenom.trim() == "") {
            console.info("Le labbel est vide");
        }
      });
       
      </script>

    </p>
  </form>

</body>

</html>

я пытаюсь, но это не работает, предупреждающее сообщение сейчас не появляется

— 10.10.2018 11:22

Я пытаюсь, но действие остановлено, я очень люблю ()

— 10.10.2018 11:29

Я отредактировал ответ, и теперь он должен быть полным. Попробуйте и оставьте отзыв. Удачи

— 10.10.2018 11:32

10.10.2018 11:16