实例讲解js验证表单项是否为空的方法


Posted in Javascript onJanuary 09, 2016

表单验证几乎在每一个需要注册或者登陆的网站是必不可少的,有些验证则非常的复杂,可以说是各种各样给你的要求,不过本章节只介绍一下表单中最简单的验证方式,就是判断是否为空,有些要求比较低的网站对此已经满足需要了。
代码如下:

<html> 
<head> 
<meta charset="gb2312"> 
<title>js简单表单验证</title> 
<script type="text/javascript">
window.onload=function()
{
 var bt=document.getElementById("bt");
 bt.onclick=function()
 {
  if(document.myform.name.value=="")
  {
   alert("用户名不能为空!");
   document.myform.name.focus();
   return false;
  } 
  else if(document.myform.pw.value=="")
  {
   alert("密码不能为空!");
   document.myform.pw.focus();
   return false; 
  }
 }
}
</script>
</head>
<body>
<form action="index.php" method="get" name="myform">
<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>   
</form>
</body>
</html>

以上就是本文的详细内容,希望对大家的学习有所帮助。

Javascript 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
IE6下JS动态设置图片src地址问题
Jan 08 Javascript
javascript学习笔记(六)数据类型和JSON格式
Oct 08 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
Sep 15 Javascript
前端jquery部分很精彩
May 03 Javascript
js编写的treeview使用方法
Nov 11 Javascript
详解js前端代码异常监控
Jan 11 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
Feb 16 Javascript
微信小程序中显示倒计时代码实例
May 09 Javascript
微信小程序new Date()方法失效问题解决方法
Jul 29 Javascript
解决vue v-for src 图片路径问题 404
Nov 12 Javascript
vue路由的配置和页面切换详解
Sep 09 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 #Javascript
javascript跑马灯抽奖实例讲解
Apr 17 #Javascript
jQuery页面刷新(局部、全部)问题分析
Jan 09 #Javascript
javascript返回顶部的按钮实现方法
Jan 09 #Javascript
javascript类型系统 Array对象学习笔记
Jan 09 #Javascript
JS中生成随机数的用法及相关函数
Jan 09 #Javascript
JavaScript电子时钟倒计时
Jan 09 #Javascript
You might like
第1次亲密接触PHP5(1)
2006/10/09 PHP
php设计模式 State (状态模式)
2011/06/26 PHP
PHP+Mysql+jQuery实现发布微博程序 jQuery篇
2011/10/08 PHP
PHP基于GD库的图像处理方法小结
2016/09/27 PHP
PHP使用PDO调用mssql存储过程的方法示例
2017/10/07 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
jquery自动填充勾选框即把勾选框打上true
2014/03/24 Javascript
JavaScript的原型继承详解
2015/02/15 Javascript
JavaScript原生对象之String对象的属性和方法详解
2015/03/13 Javascript
JavaScript表格常用操作方法汇总
2015/04/15 Javascript
JQuery实现动态添加删除评论的方法
2015/05/18 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
2016/05/21 Javascript
ES2015 Symbol 一种绝不重复的值
2016/12/25 Javascript
Vue中的字符串模板的使用
2018/05/17 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
[52:57]2014 DOTA2国际邀请赛中国区预选赛 LGD-CDEC VS HGT
2014/05/21 DOTA
详解Python 数据库的Connection、Cursor两大对象
2018/06/25 Python
Django 路由控制的实现代码
2018/11/08 Python
python实现Dijkstra静态寻路算法
2019/01/17 Python
Django接收post前端返回的json格式数据代码实现
2019/07/31 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
利用CSS3实现圆角的outline效果的教程
2015/06/05 HTML / CSS
美国名表在线商城:Ashford(支持中文)
2019/09/24 全球购物
小学生自我评价范例
2013/09/24 职场文书
退休感言
2014/01/28 职场文书
公司薪酬管理制度
2014/01/31 职场文书
八一慰问活动方案
2014/02/07 职场文书
艺人经纪人岗位职责
2014/04/15 职场文书
三八妇女节演讲稿
2014/05/27 职场文书
工程负责人任命书
2014/06/06 职场文书
大学生推广普通话演讲稿
2014/09/21 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
销售经理工作检讨书
2015/02/19 职场文书
Pandas-DataFrame知识点汇总
2022/03/16 Python
CSS精灵图的原理与使用方法介绍
2022/03/17 HTML / CSS
gtx1650怎么样 gtx1650显卡相当于什么级别
2022/04/08 数码科技