实例讲解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 建立对象的方法
Apr 21 Javascript
Array的push与unshift方法性能比较分析
Mar 05 Javascript
js模拟滚动条(横向竖向)
Feb 22 Javascript
表单序列化与jq中的serialize使用示例
Feb 21 Javascript
JS实现两周内自动登录功能
Mar 23 Javascript
使用Node.js实现RESTful API的示例
Aug 01 Javascript
Vue.js移动端左滑删除组件的实现代码
Sep 08 Javascript
jQuery实现鼠标响应式透明度渐变动画效果示例
Feb 13 jQuery
Vue-router 报错NavigationDuplicated的解决方法
Mar 31 Javascript
vue3.0搭配.net core实现文件上传组件
Oct 29 Javascript
浅谈JS的二进制家族
May 09 Javascript
小程序实现侧滑删除功能
Jun 25 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
Centos6.5和Centos7 php环境搭建方法
2016/05/27 PHP
Mac下php 5升级到php 7的步骤详解
2017/04/26 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
javascript通过navigator.userAgent识别各种浏览器
2013/10/25 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
javascript时间函数大全
2014/06/30 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
2015/02/27 Javascript
理解javascript闭包
2015/12/15 Javascript
js编写的treeview使用方法
2016/11/11 Javascript
js实现用户输入的小写字母自动转大写字母的方法
2017/01/21 Javascript
jQuery倒计时代码(超简单)
2017/02/27 Javascript
使用JS组件实现带ToolTip验证框的实例代码
2017/08/23 Javascript
js 开发之autocomplete=&quot;off&quot;在chrom中失效的解决办法
2017/09/28 Javascript
js 提取某()特殊字符串长度的实例
2017/12/06 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
2017/12/25 jQuery
vue实现验证码按钮倒计时功能
2018/04/10 Javascript
Vue 理解之白话 getter/setter详解
2019/04/16 Javascript
python的id()函数介绍
2013/02/10 Python
全面了解Python的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
tensorflow识别自己手写数字
2018/03/14 Python
十分钟利用Python制作属于你自己的个性logo
2018/05/07 Python
Python使用sort和class实现的多级排序功能示例
2018/08/15 Python
解决pycharm中导入自己写的.py函数出错问题
2020/02/12 Python
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
全球酒店比价网:HotelsCombined
2017/06/20 全球购物
东南亚排名第一的服务市场:kaodim
2019/03/28 全球购物
初级Java程序员面试题
2016/03/03 面试题
yy司仪主持词
2014/03/22 职场文书
个人委托书范本
2014/09/13 职场文书
清明节网上祭英烈寄语2015
2015/03/04 职场文书
党员证明模板
2015/06/19 职场文书
小学语文新课改心得体会
2016/01/22 职场文书
2016医师资格考试考生诚信考试承诺书
2016/03/25 职场文书