今天在编写页面的时候遇到了一个小问题代码如下,
`
<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">
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。