互补网网专做高品质CMS教程,所有教程均为站长亲测有效后发布。
您当前所在位置:互补网首页 > 站长学院 > JS教程 >

Javascript判断表单为空弹出提示框

发布时间:2019-05-12热度:0

  许多朋友在制作网页表单,无论是登陆还是搜索功能的时候,都会用到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>

本文地址:http://www.25923.com/xuexi/js/051235.html(转载请保留)