实例讲解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 相关文章推荐
Jquery带搜索框的下拉菜单
May 06 Javascript
JQuery写动态树示例代码
Jul 31 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
Aug 07 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
Jul 12 Javascript
jQuery实现倒计时(倒计时年月日可自己输入)
Dec 02 Javascript
Webpack中css-loader和less-loader的使用教程
Apr 27 Javascript
vue2.0结合Element实现select动态控制input禁用实例
May 12 Javascript
JS高级技巧(简洁版)
Jul 29 Javascript
从零开始封装自己的自定义Vue组件
Oct 09 Javascript
bootstrap table实现横向合并与纵向合并
Jul 18 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
Sep 05 Javascript
Vue SSR 即时编译技术的实现
May 06 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
缅甸的咖啡简史
2021/03/04 咖啡文化
php错误提示failed to open stream: HTTP request failed!的完美解决方法
2011/06/06 PHP
php url路由入门实例
2014/04/23 PHP
Zend Framework实现多服务器共享SESSION数据的方法
2016/03/22 PHP
php数据库的增删改查 php与javascript之间的交互
2017/08/31 PHP
PHP使用PDO访问oracle数据库的步骤详解
2017/09/29 PHP
PHP自定义函数实现assign()数组分配到模板及extract()变量分配到模板功能示例
2018/05/23 PHP
HTML页面如何象ASP一样接受参数
2007/02/07 Javascript
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
2010/03/12 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
node.js中的path.join方法使用说明
2014/12/08 Javascript
js实现精美的图片跟随鼠标效果实例
2015/05/16 Javascript
jQuery Easyui实现左右布局
2016/01/26 Javascript
jQuery 选择符详细介绍及整理
2016/12/02 Javascript
JavaScript中数组常见操作技巧
2017/09/01 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
2018/09/01 Javascript
JavaScript中的 new 命令
2019/05/22 Javascript
在Uni中使用Vue的EventBus总线机制操作
2020/07/31 Javascript
python itchat实现微信好友头像拼接图的示例代码
2017/08/14 Python
通过Python实现自动填写调查问卷
2017/09/06 Python
python matlibplot绘制多条曲线图
2021/02/19 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
Python values()与itervalues()的用法详解
2019/11/27 Python
python pandas移动窗口函数rolling的用法
2020/02/29 Python
Python常用外部指令执行代码实例
2020/11/05 Python
AmazeUI底部导航栏与分享按钮的示例代码
2020/08/18 HTML / CSS
.NET remoting的两种通道是什么
2016/05/31 面试题
工程师自我评价怎么写
2013/09/19 职场文书
《雨霖铃》听课反思
2014/02/13 职场文书
公安局班子个人对照检查材料思想汇报
2014/10/09 职场文书
民主评议党员总结
2014/10/20 职场文书
2015年教学管理工作总结
2015/05/20 职场文书
你有一份《诚信考试承诺书》待领取
2019/11/13 职场文书
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
如何Python使用re模块实现okenizer
2022/04/30 Python