许多朋友在制作网页表单,无论是登陆还是搜索功能的时候,都会用到Javascript网页表单输入为空提交判断弹出提示框的技术,在这里来跟大家普及下具体的实现方法。
适用于登陆、搜索等任何表单。
简单的JS即可控制弹出框,具体参考以下代码,相信都会看懂,是基础的Javascript与HTML结合。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Javascript判断表单为空弹出提示框</title>
<script type="text/javascript">
function checkIP(){//js表单验证方法
var text=document.getElementById("name").value;//通过id获取需要验证的表单元素的值
if(text==""){//当上面获取的值为空时
alert("不能为空哦!");//弹出提示
return false;//返回false(不提交表单)
}
return true;//提交表单
}
</script>
</head>
<body>
<ul>
<li>姓名:<input type="text" name="name" id="name"></li>
<li>密码:<input type="text" name="pw" id="age"></li>
<li><input type="submit" id="bt"></li>
</ul>
</body>
</html>