Javascript - функция загрузки, которая отправляет HTML-форму, когда пользователь нажимает кнопку предупреждения - PullRequest
Новая
       37

Javascript - функция загрузки, которая отправляет HTML-форму, когда пользователь нажимает кнопку предупреждения

0 голосов
/ 01 декабря 2018

У меня есть HTML-форма, которая должна быть выполнена, когда пользователь щелкает YES в окне предупреждения.

Что мне нужно:

  • Окно Alert Box.onload с Да и Нетoption
  • Если нажать «Да», должна быть выполнена форма отправки
  • Если нажать «Нет», пользователь будет перенаправлен на предыдущую страницу

Так что в основном мне нужно нажать кнопку мышисобытие, когда пользователь нажимает Да в окне предупреждения.

Не могу найти ничего полезного.

Это моя форма.

        <form id="loginForm" name="login" method="post" action="">
            <input id="name" name="name" value="<?php echo "$name";?>" class="rounded" title="No special characters" hidden/>
            <input id="email" name="email" value="<?php echo "info@info.com";?>" class="rounded"  title="No special characters" hidden/> 
            <input type="submit" class="blueButton" value="START CHAT" />
        </form>

1 Ответ

0 голосов
/ 01 декабря 2018

Перво-наперво - вам нужно записать значение значение атрибута в input с правильными кавычками.Вы должны либо использовать литералы шаблона, либо использовать escape-символ, либо просто заключить внешнюю строку в двойные кавычки, а внутреннюю - в одинарные (или наоборот).

Затем вам потребуется приглашение , который определен в методе window.onload () .Если пользователь нажимает OK , вы находите форму с указанным именем в окне и отправляете ее.Если пользователь нажимает Отмена , вы просто перенаправляете пользователя на другую страницу.

Обратите внимание, что вам нужно определить значение для атрибута action в вашей форметег. 

$(window).on("load", function() {
  if (confirm("Are you sure you want to start chat?")) {
    // submit form (define an action in the form tag; currently redirecting to some page, let's say action_page.php)
    document.forms["login"].submit();
  } else {
    //redirect to some other page
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="loginForm" name="login" method="post" action="/action_page.php">
    <input id="name" name="name" value='<?php echo "$name";?>' class="rounded"
    title="No special characters" hidden/> <input id="email" name="email"
    value='<?php echo "info@info.com";?>' class="rounded" title="No special
    characters" hidden/>
    <input type="submit" class="blueButton" value="START CHAT" />
</form>
...