问题简介

<form th:action="@{/user.do}" method="post" onsubmit="return preSubmit();">

function preSubmit(){//1 获取用户名输入框里的内容var usernameText = $("username").value;...
}

js中没有引入jQuery但是使用了jQuery语法,导致没有获取到DOM对象,获取 value时其实是对null进行操作,会导致js报错。

而若js执行过程中有错误，则form表单会照常提交，会导致js截取表单提交失败

解决办法

引入jQuery
将js改为原生语法

function $(id){return document.getElementById(id);
}
function preSubmit(){//1 获取用户名输入框里的内容var usernameText = $("username").value;...
}

JS阻止form表单提交失败相关推荐

js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
JS模拟Form表单提交
用java写了一个下载的功能,测试没有问题,但前台就是不弹出下载的提示框. 后来发现如果你的提交方式是ajax的方式的话是不会弹出提示框的,然后换成了form提交,顺利弹框通过,下来我们就用js模拟f ...
js将form表单提交数据封装为ajax提交
对于数据提交,html自带了form表单,以form表单里的input框的name为key值,以其所对应的value为value值,传给后台供其使用.但是这样的方法与ajax传输数据还是有许多差距: ...
阻止form表单提交的常用方式
>给form标签的添加表单提交事件οnsubmit="return false;" <form onsubmit="return change()" ...
原生js实现form表单提交
最近工作比较忙,着急上线,写个简单的东西吧 url为你要提交的地址 params 为你提交的参数 function fromPost(URL, PARAMS) {var temp = document ...
ajax 模拟表单提交,Ajax模拟Form表单提交，含多种数据上传
---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...
js 提交form表单,js更改form表单的action属性
2019独角兽企业重金招聘Python工程师标准>>> js 提交form表单 <s:form id="formID1" action="favo ...
js实现Form表单submit提交截获数据（各浏览器通用）
js实现Form表单submit提交截获数据(各浏览器通用) js实现Form表单submit提交截获数据(各浏览器通用) No Comments | js , 安全 , PHP | by calms ...
Form表单提交按钮图片IE6下背景透明（js提交）
Form表单提交按钮图片IE6下背景透明(js提交) 我们知道光png图片在IE6下面透明方法很多,网上也很多,但是我今天遇到了个难题:form表单提交按钮png图片要求背景透明.我弄了半天,转个思 ...

JS阻止form表单提交失败

JS阻止form表单提交失败

问题简介

解决办法

JS阻止form表单提交失败相关推荐

最新文章

热门文章