Заполните «форму» и «отправить», используя JavaScript автоматически, не нажимая «отправить»

Question

Заполните «форму» и «отправить», используя JavaScript автоматически, не нажимая «отправить»

0

Я посмотрел на разные темы, но не нашел подходящего решения.
Я хочу создать поддельный html файл, который автоматически заполняет форму и отправляет ее при загрузке браузером.

Два поля ввода maks и reciever заполнены значениями, которые я дал, но мне нужно нажать submit.
И если это возможно, может быть хорошо, если значения полей ввода невидимы. Спасибо.

<html xmlns="http://www.w3.org/1999/xhtml">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <head>
    <script type="text/javascript">
      function postReq() {
        var frm = document.getElementById('post_req');
        if (frm) {
          frm.submit();
        }
      }
    </script>

  <body onload="postReq()">
    <form method=POST name=exampleform id='post_req'
       action="/ex/makfoer.php">
      <input name=maks type=hidden value="2" /> 
      <input name=reciever type=hidden value="otto" />
      <input type=submit />
    </form>
  </body>

</html>

ot0 27 апр. 2014, в 15:14

Источник

1

Вы должны закрыть свой <head>
abl 27 апр. 2014, в 12:30
0

Код у вас в порядке. Что именно не работает?
Shadow Wizard 27 апр. 2014, в 12:56
0

Я должен нажать «отправить», чтобы сделать событие. Но я хочу делать это автоматически, не нажимая.
ot0 27 апр. 2014, в 12:59

Показать ещё 1 комментарий

Теги:

javascript

html

forms

3 ответа

Ещё вопросы

Код у вас в порядке. Что именно не работает?
Я должен нажать «отправить», чтобы сделать событие. Но я хочу делать это автоматически, не нажимая.

Kai · Answer 1 · 2014-04-27T10-44-00.000Z

В вашем случае вы можете просто использовать:

document.exampleform.submit();

Объяснение:

exampleform - это имя вашей формы, поэтому вы можете получить форму:

document.exampleform

Теперь вы активируете только метод .submit() формы. Вам не нужна кнопка отправки для отправки. Так что все скрыто.

Djizeus · Answer 2 · 2014-04-27T10-10-00.000Z

Если вы хотите сделать это без jQuery, используйте обработчик события window.onload:

<head>
<script type="text/javascript">
  function postReq() {
    var frm = document.getElementById('post_req');
    if (frm) {
      frm.submit();
    }
  }
  window.onload = postReq;
</script>
</head>

window.onload запускается, когда загружается вся страница (включая внешние скрипты, изображения и т.д.), в отличие от document.onload которая запускается после разбора и загрузки DOM страницы.

это не работает, и я хочу, чтобы вход был скрыт, не виден
Извините, я неправильно прочитал и увидел «видимое» вместо невидимого. Также, как указано в abl, вы должны закрыть тег head. Отредактировал мой ответ.
Когда я копирую код в файл на моем компьютере, он работает. Вы активировали JavaScript, верно? Вы получаете какую-либо ошибку в браузере или в консоли?
Да, JavaScript активирован, и я не получаю ошибки.

abl · Answer 3 · 2014-04-27T09-45-00.000Z

1. Закройте <head>.

2. Используйте кавычки для значений атрибутов name, type и т.д.

3. Нет необходимости в кнопке отправки, тем более, что вы не хотите, чтобы ваша форма была видимой

<html xmlns="http://www.w3.org/1999/xhtml">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <head>
    <script type="text/javascript">
      function postReq() {
        var frm = document.getElementById('post_req');
        if (frm) {
          frm.submit();
        }
      }
    </script>
  </head>

  <body onload="postReq()">
    <form method="POST" name="exampleform" id='post_req'
       action="/ex/makfoer.php">
      <input name="maks" type="hidden" value="2" /> 
      <input name="reciever" type="hidden" value="otto" />
    </form>
  </body>

</html>

Я хочу видеть кнопку отправки, даже если это не имеет никакого смысла, поскольку намерение этого - поддельный HTML оригинала, только чтобы сбить пользователя с толку, и я хочу, чтобы входные данные "maks" и "reciever" ' Значения должны быть скрыты, а не сама кнопка.