合肥市析客网络科技有限公司
首页 | 联系方式 | 加入收藏 | 设为首页 | 手机站

产品目录

联系方式

联系人:业务部
电话: 00124-32199
邮箱:service@taotong2008.com

当前位置:首页 >> 产品展示 >> 默认分类 >> 正文

简单的前端表单的校验

详细信息:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 <script>
 function checkForm(){
 
 //获取用户名及其内容
 var usernameObj=document.getElementById("username");
 var username=usernameObj.value;
 //判断value是否为空 若为空不能提交表单,
 if(username==null || username == ""){
 alert("用户名不能为空");
 return false;
 }
 
 //获取密码及其内容
 //1.获取密码元素
 var pwdObj=document.getElementById("password");
 
 //2.获取密码的值
 var pwdValue=pwdObj.value;
 
 //3.判断
 if(pwdValue==null || pwdValue==""){
 alert("密码不能为空");
 return false;
 }
 
 return true;
 }
 </script>
 </head>
 <body>
 <form action="#" method="get" onsubmit="return checkForm()">
 姓名:<input name="username" id="username"/><br>
 密码:<input type="password" name="password" id="password"><br>
 <input type="submit" value="保存"/>
 <input type="reset" />
 </form>
 </body>
</html>