实例讲解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之大字符串的连接的StringBuffer 类
May 08 Javascript
网页开发中的容易忽略的问题 javascript HTML中的table
Apr 15 Javascript
jquery 操作DOM的基本用法分享
Apr 05 Javascript
window.location的重写及判断location是否被重写
Sep 04 Javascript
javascript数据结构与算法之检索算法
Apr 04 Javascript
js运动应用实例解析
Dec 28 Javascript
ajax跨域调用webservice的实现代码
May 09 Javascript
JS打印组合功能
Aug 04 Javascript
JavaScript日期选择功能示例
Jan 16 Javascript
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
js实现小星星游戏
Mar 23 Javascript
Vue的自定义组件不能使用click方法的解决
Jul 28 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调用shell的方法
2014/11/05 PHP
php中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
php微信公众号开发(4)php实现自定义关键字回复
2016/12/15 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
javascript闭包的理解和实例
2010/08/12 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
2013/12/31 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
如何用jquery控制表格奇偶行及活动行颜色
2014/04/20 Javascript
Javascript 实现图片无缝滚动
2014/12/19 Javascript
javascript匀速动画和缓冲动画详解
2016/10/20 Javascript
jQuery插件zTree实现获取一级节点数据的方法
2017/03/08 Javascript
web前端vue实现插值文本和输出原始html
2018/01/19 Javascript
详解如何在Vue项目中导出Excel
2019/04/19 Javascript
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[00:05]ChinaJoy现场 DOTA2玩家高呼“CN DOTA BEST DOTA”
2019/08/04 DOTA
Python标准库内置函数complex介绍
2014/11/25 Python
Python、Javascript中的闭包比较
2015/02/04 Python
Python爬取读者并制作成PDF
2015/03/10 Python
利用ctypes获取numpy数组的指针方法
2019/02/12 Python
flask框架路由常用定义方式总结
2019/07/23 Python
简单了解python装饰器原理及使用方法
2019/12/18 Python
基于html5实现的图片墙效果
2014/10/16 HTML / CSS
Eton丹麦官网:精美的男式衬衫
2020/05/27 全球购物
美容师的职业规划书
2013/12/27 职场文书
《花的勇气》教后反思
2014/02/12 职场文书
《观舞记》教学反思
2014/04/16 职场文书
2014领导班子四风问题对照检查材料思想汇报
2014/09/21 职场文书
2015羊年春节慰问信
2015/02/14 职场文书
小学中队活动总结
2015/05/11 职场文书
居住证明范文
2015/06/17 职场文书
驾驶员管理制度范本
2015/08/06 职场文书
javascript实现计算器功能详解流程
2021/11/01 Javascript
Go并发4种方法简明讲解
2022/04/06 Golang
html原生table实现合并单元格以及合并表头的示例代码
2023/05/07 HTML / CSS