form表单间接提交方法

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

<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">

form表单间接提交方法相关推荐

使用ajax方法实现form表单的提交
2019独角兽企业重金招聘Python工程师标准>>> 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控 ...
用js将form表单同时提交到两个不同页面的方法
用js将form表单同时提交到两个不同页面的方法: <script type="text/javascript"> function dosubmit(){ windo ...
html表单通过js提交表单提交,JavaScript动态创建form表单并提交的实现方法
本文实例讲述了JavaScript动态创建form表单并提交的实现方法.分享给大家供大家参考,具体如下: 页面布局有些复杂的情况下,可能需要在页面中动态创建一个 form,JavaScript 创建 ...
前后端交互之使用ajax方法实现form表单的提交
转载于:使用ajax方法实现form表单的提交 - 程序员十三 - 博客园 (cnblogs.com) οnsubmit="reutrn false":表示禁止表单提交. dat ...
使用ajax方法实现form表单的提交（Ajax和from提交的区别）
写在前面的话在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说 ...
form表单重复提交
现象: 后台完成数据库操作后返回到页面,这时点击浏览器的后退再提交或刷新页面,会导致form表单重复提交原因: 第一次提交的表单会被缓存到内存中,直到页面下次提交或页面关闭或转向其它页面才消失,在自 ...
form表单同时提交带文本和图片的数据
方法一:使用ajax异步提交此种方法的好处是可以回调响应结果. html代码: <form action="${basePath}/save" method="p ...
防止form表单重复提交的几种方案
阅读目录前言 form重复提交场景解决方案一:前端利用JavaScript防止表单重复提交二:利用Session防止表单重复提交三:使用重定向也可以解决form表单重复提交问题参考前言 ...
js实现Form表单submit提交截获数据（各浏览器通用）
js实现Form表单submit提交截获数据(各浏览器通用) js实现Form表单submit提交截获数据(各浏览器通用) No Comments | js , 安全 , PHP | by calms ...

form表单间接提交方法

form表单间接提交方法相关推荐

最新文章

热门文章