AJax技术

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

字号+ 作者:H5之家 来源:H5之家 2017-04-04 09:00 我要评论( )

form表单提交前如何验证数据不为空 今天因为要做文件上传,所以不再使用Ajax上传,所以遇到了,input数据可能为空的问题, 所以新增一个验证,提交时检查是否空

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

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

 

今天因为要做文件上传,所以不再使用Ajax上传,所以遇到了,input数据可能为空的问题,
 

所以新增一个验证,提交时检查是否空。

 

其实非常简单,很多人可能不知道form表单本身就有一个验证机制,具体如下:

 

js函数checkinput:


function checkinput(){  
var name = document.getElementById("name").value;
if(name ==  null || name == ''){
alert("用户名不能为空");
return false;   } 
return true;
}

 

<form name="form" action="/接受的url" method="post"  onsubmit="return checkinput()"> 

<input type="text" id="name"/> 
<input type="sumit" value="提交"/>

</form>

 

本文已影响人

[form表单提交前如何验证数据不为空]相关的文章

看过本文的人还看了

  • Word画线条七大技巧-真的很好用!362人看了觉得好
  • 如何建一个别人打不开的文件夹848人看了觉得好
  • 神器推荐,桌面便签,再不担心忘记xxx了143人看了觉得好
  • 【电脑技巧】图文推荐

    网友评论

    在管理后台进行一步配置,就可以开始使用多说了

  • 上一篇:网站被百度降权,应该怎么办
  • 下一篇:怎么恢复U盘中删除了的文件

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • Ajax (informatique)是什么意思 《法语助手》法汉

      Ajax (informatique)是什么意思 《法语助手》法汉

      2017-04-03 16:00

    • ajax 跨域提交数据实例详解

      ajax 跨域提交数据实例详解

      2017-04-02 09:02

    • ASP.NET WebForm使用Ajax

      ASP.NET WebForm使用Ajax

      2017-03-24 17:00

    • 深入理解ajax系列第四篇:FormData

      深入理解ajax系列第四篇:FormData

      2017-03-21 16:05

    网友点评