html input输入验证不为空

html5的话使用required即可，比较简单。但是ie10以下的浏览器没有required特性。所以就要靠其他方式来对用户输入做验证。下面是利用js的方法：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

< script  type = "text/JavaScript" > function validate(){     var domain = document.getElementById('domain').value;     var domainInfo = document.getElementById('domainInfo');     if(domain==""){      domainInfo.style.display="";      return false;     }     else{          domainInfo.style.display="none";           return true;     } } function submitInfo(){      if(validate()){          var infoForm = document.getElementById("info");          infoForm.submit();      } } </ script > < form  method = "GET"  action = "/test.html"  id = "info" >                        域名：< input  type = "text"  class = "style5"  maxlength = "50"  name = "domain"  id = "domain"  onblur = "validate()"  />< span   style = "margin-left:10px;display:none;color:red"  id = "domainInfo" >请输入域名！</ span ></ p >                        < input  type = "button"   class = "button glow button-rounded button-flat" > </ form >

如果不输入就点击‘确定’便无法提交,如下图：

本文转自 baiying 51CTO博客，原文链接：，如需转载请自行联系原作者