实例讲解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 相关文章推荐
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
Oct 22 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
Aug 23 Javascript
js读取csv文件并使用json显示出来
Jan 09 Javascript
JavaScript获取表单内所有元素值的方法
Apr 02 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
Aug 18 Javascript
jquery实现倒计时效果
Dec 14 Javascript
JavaScript必知必会(二) null 和undefined
Jun 08 Javascript
JavaScript进阶(三)闭包原理与用法详解
May 09 Javascript
JS如何实现封装列表右滑动删除收藏按钮
Jul 23 Javascript
浅析JavaScript预编译和暗示全局变量
Sep 03 Javascript
原生js实现点击按钮复制内容到剪切板
Nov 19 Javascript
Vue Element plus使用方法梳理
Dec 24 Vue.js
小心!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
CI框架(CodeIgniter)实现的导入、导出数据操作示例
2018/05/24 PHP
php使用lua+redis实现限流,计数器模式,令牌桶模式
2019/04/04 PHP
php7 list()、session及其他模块的修改实例分析
2020/05/25 PHP
基于thinkphp5框架实现微信小程序支付 退款 订单查询 退款查询操作
2020/08/17 PHP
[IE&amp;FireFox兼容]JS对select操作
2007/01/07 Javascript
jquery zTree异步加载简单实例分享
2013/02/05 Javascript
在jQuery中 常用的选择器介绍
2013/04/16 Javascript
一个JS的日期格式化算法示例
2013/07/31 Javascript
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
2015/10/23 Javascript
vue实现微信二次分享以及自定义分享的示例
2019/03/20 Javascript
ES6新增的数组知识实例小结
2020/05/23 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
python使用正则表达式分析网页中的图片并进行替换的方法
2015/03/26 Python
python比较2个xml内容的方法
2015/05/11 Python
使用Python的PIL模块来进行图片对比
2016/02/18 Python
python urllib urlopen()对象方法/代理的补充说明
2017/06/29 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
python读取csv和txt数据转换成向量的实例
2019/02/12 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
django 链接多个数据库 并使用原生sql实现
2020/03/28 Python
Python多线程:主线程等待所有子线程结束代码
2020/04/25 Python
简单了解Java Netty Reactor三种线程模型
2020/04/26 Python
解决python便携版无法直接运行py文件的问题
2020/09/01 Python
Python实现手势识别
2020/10/21 Python
CSS3中的弹性布局em运用入门详解 1em等于多少像素
2021/02/08 HTML / CSS
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
英文版区域经理求职信
2013/10/23 职场文书
经销商培训邀请函
2014/01/21 职场文书
校园安全检查制度
2014/02/03 职场文书
主持人演讲稿
2014/05/13 职场文书
出差报告格式模板
2014/11/06 职场文书
2014小学一年级班主任工作总结
2014/12/05 职场文书
小学语文教学反思范文
2016/03/03 职场文书
php实例化对象的实例方法
2021/11/17 PHP
安装Ruby和 Rails的详细步骤
2022/04/19 Ruby