实例讲解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 相关文章推荐
Js组件的一些写法
Sep 10 Javascript
jQuery Ajax 实例全解析
Apr 20 Javascript
基于jquery实现无限级树形菜单
Mar 22 Javascript
使用JavaScript获取URL中的参数(两种方法)
Nov 16 Javascript
JavaScript 计算笛卡尔积实例详解
Dec 02 Javascript
基于Javascript实现的不重复ID的生成器
Dec 25 Javascript
详解JS中的柯里化(currying)
Aug 17 Javascript
详解Angular中通过$location获取地址栏的参数
Aug 02 Javascript
对Vue beforeRouteEnter 的next执行时机详解
Aug 25 Javascript
vue实现路由懒加载及组件懒加载的方式
Jun 11 Javascript
js实现div色块碰撞
Jan 16 Javascript
AJAX检测用户名是否存在的方法
Mar 24 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
一个可以找出源代码中所有中文的工具
2006/10/25 PHP
PHP 源代码压缩小工具
2009/12/22 PHP
PHP文件锁函数flock()详细介绍
2014/11/18 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
thinkPHP实现基于ajax的评论回复功能
2018/06/22 PHP
用JavaScript脚本实现Web页面信息交互
2006/10/11 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/20 Javascript
javascript中Number对象的toString()方法分析
2014/12/20 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
简介JavaScript中fixed()方法的使用
2015/06/08 Javascript
JavaScript中解析JSON数据的三种方法
2015/07/03 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
2015/12/16 Javascript
Webpack 实现 AngularJS 的延迟加载
2016/03/02 Javascript
基于JQuery打造无缝滚动新闻步骤详解
2016/03/31 Javascript
微信小程序登录态控制深入分析
2017/04/12 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
2017/04/25 Javascript
通过V8源码看一个关于JS数组排序的诡异问题
2017/08/14 Javascript
使用vue制作探探滑动堆叠组件的实例代码
2018/03/07 Javascript
Python描述器descriptor详解
2015/02/03 Python
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
详解Django之admin组件的使用和源码剖析
2018/05/04 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
Python3利用Dlib实现摄像头实时人脸检测和平铺显示示例
2019/02/21 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
使用Keras 实现查看model weights .h5 文件的内容
2020/06/09 Python
几款好用的python工具库(小结)
2020/10/20 Python
实例讲解CSS3中的box-flex弹性盒属性布局
2016/06/09 HTML / CSS
New Balance美国官网:运动鞋和健身服装
2017/04/11 全球购物
2014年财务工作总结范文
2014/11/11 职场文书
护士医德考评自我评价
2015/03/03 职场文书
幼儿园小班开学寄语
2015/05/27 职场文书
2019求职信大礼包
2019/05/15 职场文书
pytorch DataLoader的num_workers参数与设置大小详解
2021/05/28 Python
Feign调用全局异常处理解决方案
2021/06/24 Java/Android
Python访问Redis的详细操作
2021/06/26 Python