html 输入调用错误的操作答案

【问题标题】：html input is calling wrong actionhtml 输入调用错误的操作
【发布时间】：2017-08-02 02:01:46
【问题描述】：

我尝试在带有 2 个按钮的登录表单中执行不同的操作。第一个是注销按钮，第二个将执行电子邮件发送。请参阅下面的代码：

代码

<form action="xxx/default_logout.php" method="post" id="login form">

    <!-- Logout button -->
    <div style="float: left; width: 20%">
       <input type="submit" name="Submit" id="button-setting" value="Logout"/>
       <input type="hidden" name="option" value="com_users" />
       <input type="hidden" name="task" value="user.logout" />
       <input type="hidden" name="return" value="<?php echo $return; ?>" />
       <?php echo JHtml::_('form.token');
    </div>

    <!-- Mail button -->
    <div style="float: right; width: 66%">
       <div>
            <form action='xxxxx/mail.php' method="post"> 
                <input type="submit" name="Submit" id="buttonR-setting" value="Mail"/>
                <input type="hidden" name="option" value="com_users" />
                <?php echo JHtml::_('form.token'); ?>
            </form>
       </div>
    </div>
</form>

问题

无论我点击logout还是mail，它总是跳转到logout.php，但我预计logout会转到logout.php，而mail会转到@987654326 @。

问题

我想知道

(i) 如何修复代码，注意我希望logout 和mail 都是和

形式的组件

(ii)submit和action之间的机制是什么，它们是如何绑定在一起的。

任何帮助将不胜感激。

更新

到目前为止，我已经尝试通过 JavaScript 执行它。不幸的是，它仍然不起作用。

<form action='xxxxx/mail.php' method="post" id="mail_form"> 
<input type="submit" onClick="myFunction()" name="Submit" id="buttonR-setting" value="Mail"/>
</form>
<script>
    function myFunction(){
        document.getElementById('mail_form').submit()
    }
</script>

【问题讨论】：

为什么要为两个按钮分配相同的 ID id="button-setting"？
用于 CSS 样式
发生这种情况是因为您在另一个表单中有一个表单，您将不得不使用 js 处理这个
我尝试使用onClick()和getElementById，并通过.submit执行。可悲的是，它仍然是一样的。

标签： html submit-button multiple-forms

【解决方案1】：

我无法对您的问题添加评论，但您需要告诉表单“当我单击提交时不要执行任何操作”，这样您的 JavaScript 才能执行。所以你的表单标签需要这个：

onsubmit="return false;"

那么你的myFunction() 将在页面不提交表单的情况下执行。

【讨论】：