实例讲解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类中的公有变量和私有变量
Jul 24 Javascript
一个原生的用户等级的进度条
Jul 03 Javascript
JavaScript下利用fso判断文件是否存在的代码
Dec 11 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
Jul 04 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
Mar 17 Javascript
大型JavaScript应用程序架构设计模式
Jun 29 Javascript
浅谈使用splice函数对数组中的元素进行删除时的注意事项
Dec 04 Javascript
Angular.js之作用域scope'@','=','&amp;'实例详解
Feb 28 Javascript
微信小程序实现tab和swiper切换结合效果
Jul 17 Javascript
ng-zorro-antd 入门初体验
Dec 03 Javascript
JointJS JavaScript流程图绘制框架解析
Aug 15 Javascript
原生js 实现表单验证功能
Feb 08 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获取一个变量的名字的方法
2014/09/05 PHP
thinkphp常见路径用法分析
2014/12/02 PHP
PHP+APACHE实现网址伪静态
2015/02/22 PHP
php7 参数、整形及字符串处理机制修改实例分析
2020/05/25 PHP
能说明你的Javascript技术很烂的五个原因分析
2011/10/28 Javascript
js浏览器本地存储store.js介绍及应用
2014/05/13 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
jquery简单实现网页层的展开与收缩效果
2015/08/07 Javascript
作为老司机使用 React 总结的 11 个经验教训
2017/04/08 Javascript
浅谈Vue初学之props的驼峰命名
2018/07/19 Javascript
ajaxfileupload.js实现上传文件功能
2019/04/19 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
2020/03/17 Javascript
vue 需求 data中的数据之间的调用操作
2020/08/05 Javascript
jQuery实现查看图片功能
2020/12/01 jQuery
JavaScript中展开运算符及应用的实例代码
2021/01/14 Javascript
python每次处理固定个数的字符的方法总结
2013/01/29 Python
python实现计算资源图标crc值的方法
2014/10/05 Python
在Python中使用base64模块处理字符编码的教程
2015/04/28 Python
Django开发中复选框用法示例
2018/03/20 Python
Python实现针对给定单链表删除指定节点的方法
2018/04/12 Python
python3+PyQt5使用数据库窗口视图
2018/04/24 Python
python指定写入文件时的编码格式方法
2018/06/07 Python
selenium+python截图不成功的解决方法
2019/01/30 Python
详解爬虫被封的问题
2019/04/23 Python
Python3安装pip工具的详细步骤
2019/10/14 Python
python socket通信编程实现文件上传代码实例
2019/12/14 Python
Python多线程threading join和守护线程setDeamon原理详解
2020/03/18 Python
PyQt使用QPropertyAnimation开发简单动画
2020/04/02 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
Python 使用xlwt模块将多行多列数据循环写入excel文档的操作
2020/11/10 Python
abstract class和interface有什么区别?
2012/01/03 面试题
政府四风问题整改措施
2014/10/04 职场文书
务虚会发言材料
2014/12/25 职场文书
大班上学期个人总结
2015/02/13 职场文书
六年级作文之自救
2019/12/19 职场文书
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android