form表单间接提交方法

2024年1月3日 138次阅读 来源: wyk1184

今天在编写页面的时候遇到了一个小问题代码如下，

`

<form id="login_form"  method="post" >
        <div class="login-input">
            <input name="account" type="text" placeholder="您的账号" autocomplete="off"
                   data-verification-name="帐号" class="whv_account"  />
        </div>
        <div class="login-input">
            <input name="password" type="password" placeholder="您的密码" autocomplete="off"
                   data-verification-name="密码" class="whv_passWord"/>
        </div>
        <div class="login-buttons">
            <button onclick="dee();">登录</button>
            <span><a target="_blank" href="<%=basePath%>/user/signin">立即注册</a></span>
        </div>      
 </form>

`
代码其实很简单了，就是一个form表单，只是想在提交之后，做一些简单处理之后再请求到最后的接口如下

            var submitUrl = url + "user/loginSubmit";
            console.log(111+"submitUrl");
            document.getElementById("login_form").action = submitUrl;
            document.getElementById("login_form").submit()

通过获取from的id来通过js来进行提交之前的操作
但是始终遇到一个问题，就是无法提交至指定的接口，页面一直跳转，经查找文档发现少添加了一个属性

        onsubmit="return false"

如上所示，需要在from表单上加上如上的属性才可以正确请求接口，如下

    <form id="login_form"  method="post" onsubmit="return false">
    原文作者：wyk1184
    原文地址: https://segmentfault.com/a/1190000008743309
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞