您的位置:首页资讯编程开发 → innerHTM实现失焦判断方法

innerHTM实现失焦判断方法

时间:2011/11/16 10:31:07来源:www.pc6.com作者:lff我要评论(0)

   为了避免一些不友好的弹窗提示,使用失焦事件innerHTML给用户友好提示,在以后的项目用户注册板块都可以用得到,代码如下:

  <script>

  function validate()

  {

  document.getElementById("udiv").innerHTML="";

  document.getElementById("pdiv").innerHTML="";

  document.getElementById("adiv").innerHTML="";

  var isok = true;

  if(document.getElementById("userName").value=="")

  {

  document.getElementById("udiv").innerHTML="用户名不能为空";

  isok = false;

  }

  if(document.getElementById("passWord").value=="")

  {

  document.getElementById("pdiv").innerHTML="密码不能为空";

  isok = false;

  }

  if(document.getElementById("passWord").value.length<6)

  {

  document.getElementById("pdiv").innerHTML="密码长度不应小于6位";

  isok = false;

  }

  if(document.getElementById("age").value=="")

  {

  document.getElementById("adiv").innerHTML="年龄不能为空";

  isok = false;

  }

  if(isNaN(document.getElementById("age").value))

  {

  document.getElementById("adiv").innerHTML="年龄必须为数字";

  isok = false;

  }

  return isok;

  }

  </script>

  <form action="2.html" name="frm" onsubmit="return validate()">

  用户名:<input type="text" name="userName"><span id="udiv"></span><br>

  密码:<input type="password" name="passWord"><span id="pdiv"></span><br>

  年龄:<input type="text" name="age"><span id="adiv"></span><br>

  <input type="submit" value="提 交">

  </form>

Adobe Dreamweaver CS5
授权:共享软件 大小:96.7M 语言: 简体

相关视频

    没有数据

相关阅读 innerHTML怎样失焦判断iPhone数据迁移怎么用 iOS 12.4数据迁移功能使用教程iqoo neo和iqoo哪个好 iqoo neo和iqoo对比一览iqoo neo手机发布会直播地址 iqoo neo发布会直播网址Soundflower怎么使用 Soundflower使用教程ELDEN RING什么时候出 ELDEN RING发售时间一览macOS 10.15支持哪些设备升级 macOS Catalina可升级设备一览macOS 10.15有什么新功能 macOS Catalina新功能详细介绍

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 编程语言排行榜2020年android studio怎么删 eclipse怎么设置编码格式 eclipse设置编码格andriod studio如何使用真机测试 andriod sandroid studio怎么生成apk android studioandroid studio如何导入jar包 android stud

人气排行 安卓模拟器BlueStacks安装使用教程编程语言排行榜2020年9月 TIOBE编程语言排行eclipse字体大小怎么设置 eclipse字体大小plsql developer怎么连接数据库 plsql deveTomcat9.0安装教程 Tomcat9.0环境变量配置方plsql developer怎么使用 plsql developerVisual Studio 2015环境搭建教程Eclipse优化设置教程 Eclipse优化设置技巧