实例讲解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 OOP包机制,类创建的方法定义
Nov 02 Javascript
javascript获取xml节点的最大值(实现代码)
Dec 11 Javascript
JS操作HTML自定义属性的方法
Feb 10 Javascript
Windows系统下Node.js的简单入门教程
Jun 23 Javascript
JavaScript学习笔记之数组求和方法
Mar 23 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
May 28 Javascript
AngularJS 中的事件详解
Jul 28 Javascript
Node.js 数据加密传输浅析
Nov 16 Javascript
使用clipboard.js实现复制功能的示例代码
Oct 16 Javascript
Vue+ElementUI table实现表格分页
Dec 14 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
Jul 15 Javascript
vue使用echarts画组织结构图
Feb 06 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
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
destoon实现首页显示供应、企业、资讯条数的方法
2014/07/15 PHP
PHP判断浏览器、判断语言代码分享
2015/03/05 PHP
PHP7内核之Reference详解
2019/03/14 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
js修改input的type属性问题探讨
2013/10/12 Javascript
常见的jQuery选择器汇总
2014/11/24 Javascript
限制只能输入数字的实现代码
2016/05/16 Javascript
Three.js快速入门教程
2016/09/09 Javascript
Angularjs按需查询实例代码
2017/10/30 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
2019/06/27 Javascript
[16:56]教你分分钟做大人:司夜刺客
2014/10/30 DOTA
[47:42]完美世界DOTA2联赛PWL S2 GXR vs Ink 第一场 11.19
2020/11/20 DOTA
Python实现SVN的目录周期性备份实例
2015/07/17 Python
浅谈Python数据类型判断及列表脚本操作
2016/11/04 Python
Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】
2018/08/30 Python
Python使用字典的嵌套功能详解
2019/02/27 Python
python批量爬取下载抖音视频
2019/06/17 Python
Tensorflow读取并输出已保存模型的权重数值方式
2020/01/04 Python
css3 盒模型以及box-sizing属性全面了解
2016/09/20 HTML / CSS
KIEHL’S科颜氏官方旗舰店:源自美国的顶级护肤品牌
2018/06/07 全球购物
印度尼西亚最好的小工具在线商店:Erafone.com
2019/03/26 全球购物
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
电子信息工程专业推荐信
2014/02/14 职场文书
初中军训感想300字
2014/03/05 职场文书
党的群众教育实践活动实施方案
2014/06/12 职场文书
学习群众路线的心得体会
2014/11/05 职场文书
学校禁毒宣传活动总结
2015/05/08 职场文书
交通事故案件代理词
2015/05/23 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
欢送会主持词
2015/07/01 职场文书
2016年大学生暑假爱心支教活动策划书
2015/11/26 职场文书
Python基础之数据结构详解
2021/04/28 Python
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android
分享几种python 变量合并方法
2022/03/20 Python