您的位置：首页 > Web前端 > HTML

html input输入验证不为空

2013-11-06 11:06 411 查看
html5的话使用required即可，比较简单。但是ie10以下的浏览器没有required特性。所以就要靠其他方式来对用户输入做验证。下面是利用js的方法：
<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>
如果不输入就点击‘确定’便无法提交,如下图：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html input 输入验证不为空
相关文章推荐
新的分享
章节导航