Question

我尝试使用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.php还是logout，我都会跳转到mail，但我希望注销会在邮件时转到logout.php 会转到mail.php。

问题

我想知道

（i）如何修复代码，注意到我同时需要logout＆amp; 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>

Answer 1

我无法在您的问题中添加评论，但您需要告诉表单“点击提交时不要做任何事情”，这样您的JavaScript就可以执行了。所以你的表单标签需要这个：

onsubmit="return false;"

然后，您的myFunction()也会在没有提交表单的页面的情况下执行。

html输入正在调用错误的操作

1 个答案: