Bagaimana cara mengirimkan formulir menggunakan javascript?

Saya memiliki formulir dengan id theFormyang memiliki div berikut dengan tombol kirim di dalam:

<div id="placeOrder" 
     style="text-align: right; width: 100%; background-color: white;">
    <button type="submit" 
            class='input_submit' 
            style="margin-right: 15px;" 
            onClick="placeOrder()">Place Order
    </button>
</div>

Ketika diklik, fungsinya placeOrder()disebut. Fungsi mengubah innerHTML div di atas menjadi "pemrosesan ..." (jadi tombol kirim sekarang hilang).

Kode di atas berfungsi, tetapi sekarang masalahnya adalah saya tidak bisa mendapatkan formulir untuk dikirimkan! Saya sudah mencoba menempatkan ini dalam placeOrder()fungsi:

document.theForm.submit();

Tapi itu tidak berhasil.

Bagaimana saya bisa mendapatkan formulir untuk dikirimkan?

Tetapkan nameatribut formulir "theForm"Anda dan kode Anda akan berfungsi.

Kamu bisa memakai...

document.getElementById('theForm').submit();

... tapi jangan ganti innerHTML. Anda bisa menyembunyikan formulir dan kemudian memasukkan pemrosesan ... span yang akan muncul di tempatnya.

var form = document.getElementById('theForm');

form.style.display = 'none';

var processing = document.createElement('span');

processing.appendChild(document.createTextNode('processing ...'));

form.parentNode.insertBefore(processing, form);

Ini berfungsi dengan baik dalam kasus saya.

document.getElementById("form1").submit();

Anda juga dapat menggunakannya dalam fungsi seperti di bawah ini:

function formSubmit()
{
     document.getElementById("form1").submit();
} 

document.forms["name of your form"].submit();

atau

document.getElementById("form id").submit();

Anda dapat mencoba semua ini .. ini pasti akan berhasil ..

Itu adalah posting lama tapi saya akan meninggalkan cara yang saya lakukan untuk mengirimkan formulir tanpa menggunakan nametag di dalam formulir:

HTML

<button type="submit" onClick="placeOrder(this.form)">Place Order</button>

JS

function placeOrder(form){
    form.submit();
}

Semoga solusi ini dapat membantu orang lain. TQ

HTML

<!-- change id attribute to name  -->

<form method="post" action="yourUrl" name="theForm">
    <button onclick="placeOrder()">Place Order</button>
</form>

JavaScript

function placeOrder () {
    document.theForm.submit()
}

Jika formulir Anda tidak memiliki id tetapi memiliki nama kelas seperti theForm, Anda dapat menggunakan pernyataan di bawah ini untuk mengirimkannya:

document.getElementsByClassName("theForm")[0].submit();

Saya menemukan solusi mudah menggunakan formulir sederhana yang disembunyikan di situs web saya dengan info yang sama dengan yang digunakan pengguna. Contoh Jika Anda ingin pengguna untuk login pada formulir ini, Anda dapat menambahkan sesuatu seperti ini ke formulir ikuti di bawah ini.

<input type="checkbox" name="autologin" id="autologin" />

sejauh yang saya tahu saya adalah orang pertama yang menyembunyikan formulir dan mengirimkannya melalui mengklik tautan. Ada tautan yang mengirimkan formulir tersembunyi dengan informasi tersebut. Tidak 100% aman jika Anda tidak menyukai metode masuk otomatis di situs web Anda dengan kata sandi yang berada di area teks kata sandi formulir tersembunyi ......

Oke jadi ini pekerjaannya. Katakanlah $siteidadalah akun dan $sitepwkata sandi.

Pertama buat formulir dalam skrip php Anda jika Anda tidak suka html di dalamnya menggunakan data minimal kemudian gema dalam nilai dalam bentuk tersembunyi. Saya hanya menggunakan nilai php dan gema di mana saja saya ingin pref di sebelah tombol form karena Anda tidak bisa melihatnya.

Formulir PHP untuk dicetak

$hidden_forum = '
<form id="alt_forum_login" action="./forum/ucp.php?mode=login" method="post" style="display:none;">
    <input type="text" name="username" id="username" value="'.strtolower($siteid).'" title="Username" />
    <input type="password" name="password" id="password" value="'.$sitepw.'" title="Password" />
</form>';

PHP dan Tautan untuk mengirimkan formulir

<?php print $hidden_forum; ?>
<pre><a href="#forum" onClick="javascript: document.getElementById('alt_forum_login').submit();">Forum</a></pre>

Anda dapat menggunakan kode di bawah ini untuk mengirimkan formulir menggunakan Javascript;

document.getElementById('FormID').submit();

<html>
<body>

<p>Enter some text in the fields below, then press the "Submit form" button to submit the form.</p>

<form id="myForm" action="/action_page.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br><br>
  <input type="button" onclick="myFunction()" value="Submit form">
</form>

<script>
function myFunction() {
    document.getElementById("myForm").submit();
}
</script>

</body>
</html>