form表單間接提交方法

今天在編寫頁面的時候遇到了一個小問題代碼以下,post

`url

<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表單,只是想在提交以後,作一些簡單處理以後再請求到最後的接口以下spa

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

經過獲取from的id來經過js來進行提交以前的操做
可是始終遇到一個問題,就是沒法提交至指定的接口,頁面一直跳轉,經查找文檔發現少添加了一個屬性code

onsubmit="return false"

如上所示,須要在from表單上加上如上的屬性才能夠正確請求接口,以下orm

<form id="login_form"  method="post" onsubmit="return false">
相關文章
相關標籤/搜索