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

`

<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
77 声望8 粉丝