Form多action提交

随便八一八最近工作中遇到的一个小小问题,如题:form多action提交。
P.S.可用于多用户登录(免去写多form+tab切换的麻烦)
先附未改之前源码和需求

<h1>登录(Login)</h1>
<form action="http://xxx.xxx.xxx" method="post">
    <input type="text" name="username" class="username" placeholder="请输入您的用户名!">
    <input type="password" name="password" class="password" placeholder="请输入您的用户密码!">
    <button type="submit" class="submit_button">登录</button>
    <div class="error"><span>+</span></div>
</form>

\"登陆界面\"

原始登录界面,本来想做个登录切换按钮,写两个登陆框来互相切换,但又考虑到外观,还是算了! 写多个action吧!
如果不同接收页面的参数相同,username和password分别写一个即可,但如果参数不同,需要另外再写一份。
可以利用onkeyup实现input实时复制改变

    <form name="form1" action="" method="post">
    <script language="javascript">
        function copyob1toob2(){
            document.all["ob_text_2"].value=document.all["ob_text_1"].value;
            document.all["ob_text_4"].value=document.all["ob_text_3"].value;
        }
    </script>
    <input type="text" name="username" id="ob_text_1" class="username" onkeyup="copyob1toob2()" >
    <input style="display:none;" type="text" name="username" id="ob_text_2" class="username">
    <input type="password" name="password" id="ob_text_3" class="password" placeholder="请输入您的用户密码!" onkeyup="copyob1toob2()">
    <input style="display:none;" type="password" name="password" id="ob_text_4" class="password" placeholder="请输入您的用户密码!">
    <button type="submit" class="submit_button" onclick="form1.action='http://xxx.xxx.xxx';form1.submit();">登录</button>
    <button type="submit" class="submit_button" onclick="form1.action='xxx.xxx.xxx';form1.submit();">登录</button>
     <div class="error"><span>+</span></div>
</form>

然后要做的就是修改提交,这里多加了一个提交按钮,若只留一个按钮,可以使用js来做判断。
当然实现的方法有很多种,这个只是最简单的,代码比较冗杂,只做个人娱乐而用!
语言组织不起来!