HTML 的form 提交之前如何验证数值不为空?为此阳光网小编为大家推荐了form表单提交前验证数据不为空的方法，希望能帮到大家。
form表单提交前验证数据不为空的方法
今天因为要做文件上传，所以不再使用Ajax上传，所以遇到了，input数据可能为空的问题，
所以新增一个验证，提交时检查是否空。
其实非常简单，很多人可能不知道form表单本身就有一个验证机制，具体如下：
js函数checkinput：
function checkinput(){
var name = document.getElementById("name").value;
if(name == null || name == ''){ alert("用户名不能为空");
return false; }
return true;
}
Html form 表单提交前验证方法
1 <HTML>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 </head>
5 <BODY>
6 <form action="http://www.baidu.com" onsubmit="return toVaild()">
7 <input type="text" id="ff">
8 <input type="submit" id="submit" value ="提交"/>
9 </form>
10 </BODY>
11 <script language="javascript">
12 function toVaild(){
13 var val = document.getElementById("ff").value;
14 alert(val);
15 if(val == "可以提交"){
16 alert("校验成功，之后进行提交");
17 return true;
18 }
19 else{
20 alert("校验失败，不进行提交");
21 return false;
22 }
23 }
24 </script>
25 </HTML>
上面的网页中，只有在id="ff"的输入框中输入“可以提交”，才进行表单提交;否则不提交。
【form表单提交前如何验证数据不为空|form表单提交前如何验证数据不为空】相关文章：
【18年网上有哪些比较好】18年网上有哪... 01-07
可以赚钱的网络游戏都有哪些|可以赚钱的... 01-07
私家车赚钱最新方法|2018年私家车赚钱方... 01-07
【开网店卖什么最赚钱吗】开网店卖什么... 01-07
【简中式客厅装修效果图】简式客厅装修... 01-07
【卫生间墙砖地砖效果图】卫生间灰色地... 01-07
[阳台格子瓷砖效果图]格子瓷砖卫生间效... 01-07
简欧沙发背景墙效果图|2017沙发背景墙设... 01-07
【客厅摆放什么植物最好】在客厅摆放什... 01-07
[婚后一方出资买房属于共同财产吗]婚后... 01-07