表单或点击触发提交

Form or a on click trigger submit

本文关键字:提交 表单      更新时间:2023-09-26

我目前有一个代码,这是动态加载的,所以我不能调整它太多。但是现在我想在点击整个<form>时触发提交。

我怎样才能做到呢?

我的当前代码:

<form action="http://example.com" method="post" target="_blank">
<input type="hidden" name="token" value="1234567890">
<input type="hidden" name="SESSID" value="1234567890">
<input type="hidden" name="PHPID" value="1234567890">
<input type="submit" value="Open Panel">
<p class="pakb-box-icon"><i class="icon-webadres"></i></p>
<h2>Manage</h2>
<p class="pakb-box-desc">TEXT</p>
<p class="pakb-view-all">TEXT</p>
</form>

好的,我会回答这个问题,但是下次你需要发布你的javascript代码。

这是你的标记:

<!-- add a id here -->
<form id="form" action="http://example.com" method="post" target="_blank">
    <input type="hidden" name="token" value="1234567890">
    <input type="hidden" name="SESSID" value="1234567890">
    <input type="hidden" name="PHPID" value="1234567890">
    <!-- add a id here -->
    <input id="submit" type="submit" value="Open Panel">
    <p class="pakb-box-icon"><i class="icon-webadres"></i></p>
    <h2>Manage</h2>
    <p class="pakb-box-desc">TEXT</p>
    <p class="pakb-view-all">TEXT</p>
</form>

设置好标记后,现在是编写JS的时候了:

<script type="text/javascript">
   //call a anonymous function
   $(document).ready(function(){
    //Event On click of the form
     $('#form').click(function(){
        $('#submit').trigger('click');
     })
   })
</script>

Obs:在他的正文中点击提交表单对我来说没有意义,请解释一下。

编辑:

你可以在www.codecademy.com

上学习基本的JS和JQuery