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