form表单提交前如何验证数据不为空

电脑大全 时间:2017-04-17 我要投稿
【www.sundxs.com - 电脑大全】

  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"的输入框中输入“可以提交”,才进行表单提交;否则不提交。


猜你感兴趣:

1.如何制作优秀的PPT教程

2.网站被百度降权,应该怎么办

3.怎么恢复U盘中删除了的文件


热门文章