实例讲解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 相关文章推荐
Javascript中string转date示例代码
Nov 01 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
Mar 04 Javascript
JS获取文件大小方法小结
Dec 08 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
Apr 04 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
Nov 16 Javascript
vue之数据交互实例代码
Jun 16 Javascript
20170918 前端开发周报之JS前端开发必看
Sep 18 Javascript
基于原生js运动方式关键点的总结(推荐)
Oct 01 Javascript
vue-rx的初步使用教程
Sep 21 Javascript
微信小程序日历效果
Dec 29 Javascript
vue中实现上传文件给后台实例详解
Aug 22 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
PHP 5昨天隆重推出--PHP 5/Zend Engine 2.0新特性
2006/10/09 PHP
收集的DedeCMS一些使用经验
2007/03/17 PHP
PHP设计模式之装饰者模式代码实例
2015/05/11 PHP
JavaScript的单例模式 (singleton in Javascript)
2010/06/11 Javascript
jquery(live)中File input的change方法只起一次作用的解决办法
2011/10/21 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
Javascript的表单与验证-非空验证
2016/03/18 Javascript
Javascript之Math对象详解
2016/06/07 Javascript
jQuery通过ajax快速批量提交表单数据
2016/10/25 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
Angular2数据绑定详解
2017/04/18 Javascript
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
2017/06/12 jQuery
微信小程序时间轴实现方法示例
2019/01/14 Javascript
JavaScript中的连续赋值问题实例分析
2019/07/12 Javascript
通过js示例讲解时间复杂度与空间复杂度
2019/08/06 Javascript
vue点击按钮实现简单页面的切换
2020/09/08 Javascript
[03:24]2014DOTA2国际邀请赛 神秘商店生意火爆
2014/07/18 DOTA
[08:47]2018国际邀请赛 OG战队举杯时刻
2018/08/29 DOTA
python动态加载包的方法小结
2016/04/18 Python
python抽取指定url页面的title方法
2018/05/11 Python
基于python实现高速视频传输程序
2019/05/05 Python
详解Python 切片语法
2019/06/10 Python
python集合是否可变总结
2019/06/20 Python
python3使用GUI统计代码量
2019/09/18 Python
python+selenium+PhantomJS抓取网页动态加载内容
2020/02/25 Python
使用CSS3的rem属性制作响应式页面布局的要点解析
2016/05/24 HTML / CSS
html5-Canvas可以在web中绘制各种图形
2012/12/26 HTML / CSS
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
BSTN意大利:德国街头和运动文化高品质商店
2020/12/22 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
大学生职业生涯设计书
2014/01/02 职场文书
班主任个人工作反思
2014/04/28 职场文书
民族团结先进个人事迹材料
2014/06/02 职场文书
2014年单位法制宣传日活动总结
2014/11/01 职场文书
企业2014年度工作总结
2014/12/10 职场文书
我在伊朗长大观后感
2015/06/16 职场文书