实例讲解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中的array数组使用技巧
Jan 31 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 Javascript
jquery控制display属性为none或block
Mar 31 Javascript
如何用jquery控制表格奇偶行及活动行颜色
Apr 20 Javascript
最短的IE判断var ie=!-[1,]分析
May 28 Javascript
javascript每日必学之循环
Feb 19 Javascript
js选项卡的制作方法
Jan 23 Javascript
微信小程序实现页面跳转传值以及获取值的方法分析
Dec 18 Javascript
基于vue.js实现的分页
Mar 13 Javascript
vue做移动端适配最佳解决方案(亲测有效)
Sep 04 Javascript
js实现树形数据转成扁平数据的方法示例
Feb 27 Javascript
vue中jsonp插件的使用方法示例
Sep 10 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
漫威DC即将合作联动,而双方早已经秘密开始
2020/04/09 欧美动漫
用PHP和ACCESS写聊天室(六)
2006/10/09 PHP
简单的方法让你的后台登录更加安全(php中加session验证)
2012/08/22 PHP
修改destoon会员公司的伪静态中的com目录的方法
2014/08/21 PHP
分享一则PHP定义函数代码
2015/02/26 PHP
Linux(CentOS)下PHP扩展PDO编译安装的方法
2016/04/07 PHP
PHP二进制与字符串之间的相互转换教程
2016/10/14 PHP
CentOS系统中PHP安装扩展的方式汇总
2017/04/09 PHP
JavaScript 特殊字符
2007/04/05 Javascript
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
js实现杯子倒水问题自动求解程序
2013/03/25 Javascript
javascript监听鼠标滚轮事件浅析
2014/06/05 Javascript
探索angularjs+requirejs全面实现按需加载的套路
2016/02/26 Javascript
Fullpage.js固定导航栏-实现定位导航栏
2016/03/17 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
2017/01/17 Javascript
AngularJs每天学习之总体介绍
2017/08/07 Javascript
JavaScript学习笔记之函数记忆
2017/09/06 Javascript
详解Node.js模板引擎Jade入门
2018/01/19 Javascript
Node如何后台数据库使用增删改查功能
2019/11/21 Javascript
Cpy和Python的效率对比
2015/03/20 Python
Python六大开源框架对比
2015/10/19 Python
基于使用paramiko执行远程linux主机命令(详解)
2017/10/16 Python
Python中@property的理解和使用示例
2019/06/11 Python
Python使用PyQt5/PySide2编写一个极简的音乐播放器功能
2020/02/07 Python
Django模型中字段属性choice使用说明
2020/03/30 Python
vscode配置anaconda3的方法步骤
2020/08/08 Python
如果NULL定义成#define NULL((char *)0)难道不就可以向函数传入不加转换的NULL了吗
2012/02/15 面试题
后勤副校长自我鉴定
2013/10/13 职场文书
公司市场部岗位职责
2013/12/02 职场文书
银行青年文明号事迹材料
2014/05/31 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
前台接待员岗位职责
2015/04/15 职场文书
不服劳动仲裁起诉书
2015/05/20 职场文书
主持稿开场白
2015/06/01 职场文书
高中化学教学反思
2016/02/22 职场文书
python Polars库的使用简介
2021/04/21 Python