JS阻止form表单提交

当做登陆页面时，JS判断用户名密码为空时需要阻止form表单提交。

<script type="text/javascript">var a = true;function validate(){var username = document.getElementById("username").value;var password = document.getElementById("password").value;if(username==""||password==""){alert("Can't be empty");a= false;return;}else{a=true;}}function checkinput(){return a;}
</script>

<body><form method="post" action="hello.do" onsubmit="return checkinput();"> Username:<input type="text" name="username" id="username"><br><br>Password:<input type="password" name="password" id="password"><br><br><center><input type="submit" value="Login" name="login" onclick="validate()"></center>
</form></body>

点击submit后验证为空，form里的onsubmit获取到为false时就停止提交。

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

JS阻止form表单提交失败
JS阻止form表单提交失败问题简介解决办法问题简介 <form th:action="@{/user.do}" method="post" ons ...
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表单提交相关推荐

最新文章

热门文章