今天在編寫頁面的時候遇到了一個小問題代碼以下,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">