发表新帖
发表新帖

How can I submit a form using JavaScript?

后端 未结
关注
10 1613
北海茫月
北海茫月 2020-11-22 16:43

I have a form with id theForm which has the following div with a submit button inside:



        

                      

              相关标签:
10条回答
  • 半阙折子戏
    2020-11-22 16:53

    You can use...

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

    ...but don't replace the innerHTML. You could hide the form and then insert a processing... span which will appear in its place.

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

form.style.display = 'none';

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

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

form.parentNode.insertBefore(processing, form);
    0 讨论(0)
  • 礼貌的吻别
    2020-11-22 16:57 
    document.forms["name of your form"].submit();

    or

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

    You can try any of this...this will definitely work...

    0 讨论(0)
  • 有刺的猬
    2020-11-22 17:01

    You can use the below code to submit the form using JavaScript:

    document.getElementById('FormID').submit();
    0 讨论(0)
  • 悲哀的现实
    2020-11-22 17:03

    It works perfectly in my case.

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

    Also, you can use it in a function as below:

    function formSubmit()
{
    document.getElementById("form1").submit();
}
    0 讨论(0)
  • 迷失自我
    2020-11-22 17:03

    I have came up with an easy resolve using a simple form hidden on my website with the same information the users logged in with. Example: If you want a user to be logged in on this form, you can add something like this to the follow form below.

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

    As far I know I am the first to hide a form and submit it via clicking a link. There is the link submitting a hidden form with the information. It is not 100% safe if you don't like auto login methods on your website with passwords sitting on a hidden form password text area...

    Okay, so here is the work. Let’s say $siteid is the account and $sitepw is password.

    First make the form in your PHP script. If you don’t like HTML in it, use minimal data and then echo in the value in a hidden form. I just use a PHP value and echo in anywhere I want pref next to the form button as you can't see it.

    PHP form to print

    $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 and link to submit form

    <?php print $hidden_forum; ?>
<pre><a href="#forum" onClick="javascript: document.getElementById('alt_forum_login').submit();">Forum</a></pre>
    0 讨论(0)
  • 情话喂你
    2020-11-22 17:04 
    <html>

    <body>

        <p>Enter some text in the fields below, and 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>
    0 讨论(0)
 看不清?
提交回复
热议问题