实例讲解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 相关文章推荐
Ext中下拉列表ComboBox组件store数据格式用法介绍
Jul 15 Javascript
jQuery动态添加、删除元素的方法
Jan 09 Javascript
基于豆瓣API+Angular开发的web App
Jan 02 Javascript
jQuery实现高亮显示的方法
Mar 10 Javascript
JavaScript中的toLocaleDateString()方法使用简介
Jun 12 Javascript
再谈JavaScript线程
Jul 10 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
May 11 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
Feb 27 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 Javascript
详解vue后台系统登录态管理
Apr 02 Javascript
JavaScript 中的无穷数(Infinity)详解
Feb 13 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开发文件系统实例讲解
2006/10/09 PHP
php版微信公众号接口实现发红包的方法
2016/10/14 PHP
TNC vs BOOM BO3 第二场2.13
2021/03/10 DOTA
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
JS鼠标事件大全 推荐收藏
2011/11/01 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
2014/03/05 Javascript
jquery事件的ready()方法使用详解
2015/11/11 Javascript
javascript动态添加checkbox复选框的方法
2015/12/23 Javascript
Underscore源码分析
2015/12/30 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
利用D3.js实现最简单的柱状图示例代码
2016/12/09 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
2017/07/03 Javascript
js CSS3实现卡牌旋转切换效果
2017/07/04 Javascript
react中fetch之cors跨域请求的实现方法
2018/03/14 Javascript
nuxt框架中路由鉴权之Koa和Session的用法
2018/05/09 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
Vue中的v-for循环key属性注意事项小结
2018/08/12 Javascript
关于Vue源码vm.$watch()内部原理详解
2019/04/26 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
前端vue+elementUI如何实现记住密码功能
2020/09/20 Javascript
React实现评论的添加和删除
2020/10/20 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
2020/11/05 Javascript
python Selenium爬取内容并存储至MySQL数据库的实现代码
2017/03/16 Python
Pandas标记删除重复记录的方法
2018/04/08 Python
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
Python3批量生成带logo的二维码方法
2019/06/24 Python
python3实现简单飞机大战
2020/11/29 Python
土耳其时尚潮流在线购物网站:Trendyol
2017/10/10 全球购物
洛杉矶时尚女装系列:J.ING US
2019/03/17 全球购物
斯福泰克软件测试面试题
2015/02/16 面试题
应届生英语教师求职信
2013/11/05 职场文书
《美丽的彩虹》教学反思
2014/02/25 职场文书
运动会口号8字
2014/06/07 职场文书
2014年审计工作总结
2014/11/17 职场文书
2014年学生党支部工作总结
2014/12/20 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers