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