js表单登陆验证示例


Posted in Javascript onOctober 19, 2016

本文实例讲述了js表单登陆验证的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>项目后台管理系统</title>
<link rel="stylesheet" href="__PUBLIC__/css/login.css" />
<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
<script type="text/javascript">
function $(id)
{
  return document.getElementById(id);
}
//验证姓名
function checkname(){
  var name=$("admin_name").value;
  if(name=='')
  {
   $('s1').innerHTML='姓名不能为空';
   $('s1').style.color='red';
   return false;
  }
  else
  {
    $('s1').innerText='ok';
    $('s1').style.color='green';
    return true;
  }
}
//验证密码
function checkpwd(){
  var password=$("password").value;
  if(password=='')
  {
   $('s2').innerHTML='密码不能为空';
   $('s2').style.color='red';
   return false;
  }
  else
  {
    $('s2').innerHTML='ok';
    $('s2').style.color='green';
    return true;
  }
}
//验证所有表单提交
function checkall()
{
  if(checkname()&&checkpwd())
  {
    return true;
  }
  else
  {
    return false;
  }
}
</script>
</head>
<body class="b">
<div class="lg">
<form action="__URL__/dologin" method="POST" onsubmit="return checkall();">
  <div class="lg_top"></div>
  <div class="lg_main">
    <div class="lg_m_1">
    <input name="admin_name" value="" class="ur" id="admin_name" onblur="checkname();"/><span id='s1'></span>
    <input name="password" type="password" value="" class="pw" id="password" onblur="checkpwd();"/><span id='s2'></span>
    </div>
  </div>
  <div class="lg_foot">
  <input type="submit" value="Login In" class="bn" /></div>
</form>
</div>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript中的array数组使用技巧
Jan 31 Javascript
鼠标拖动实现DIV排序示例代码
Oct 14 Javascript
js改变文章字体大小的实例代码
Nov 27 Javascript
jquery中append()与appendto()用法分析
Nov 14 Javascript
jQuery中trigger()与bind()用法分析
Dec 18 Javascript
JS禁止查看网页源代码的实现方法
Oct 12 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
jQuery DOM节点的遍历方法小结
Aug 15 jQuery
微信小程序实现的绘制table表格功能示例
Apr 26 Javascript
Vue仿微信app页面跳转动画效果
Aug 21 Javascript
uni-app从安装到卸载的入门教程
May 15 Javascript
你不知道的SpringBoot与Vue部署解决方案
Nov 09 Javascript
jQuery插件ajaxFileUpload异步上传文件
Oct 19 #Javascript
Angular和百度地图的结合实例代码
Oct 19 #Javascript
Bootstrap Table使用方法解析
Oct 19 #Javascript
JavaScript 中 avalon绑定属性总结
Oct 19 #Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
Oct 19 #Javascript
jQuery实现点击任意位置弹出层外关闭弹出层效果
Oct 19 #Javascript
JavaScript重定向URL参数的两种方法小结
Oct 19 #Javascript
You might like
PHP如何透过ODBC来存取数据库
2006/10/09 PHP
PHP 手机归属地查询 api
2010/02/08 PHP
使用Apache的htaccess防止图片被盗链的解决方法
2013/04/27 PHP
PHP使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
关于实现代码语法标亮 dp.SyntaxHighlighter
2007/02/02 Javascript
代码生成器 document.write()
2007/04/15 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
2011/03/28 Javascript
jQuery Form 页面表单提交的小例子
2013/11/15 Javascript
使用javascript获取页面名称
2014/12/23 Javascript
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
javascript控制层显示或隐藏的方法
2015/07/22 Javascript
jQuery实现的网页竖向菜单效果代码
2015/08/26 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
2016/06/16 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
2016/10/13 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
Mac下通过brew安装指定版本的nodejs教程
2018/05/17 NodeJs
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
2018/10/08 Javascript
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
2018/10/31 Javascript
vue学习笔记之slot插槽基本用法实例分析
2020/02/01 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
2020/10/27 Javascript
教你用 Python 实现微信跳一跳(Mac+iOS版)
2018/01/04 Python
Python+tkinter模拟“记住我”自动登录实例代码
2018/01/16 Python
python requests 测试代理ip是否生效
2018/07/25 Python
Python多进程fork()函数详解
2019/02/22 Python
Python3的高阶函数map,reduce,filter的示例详解
2019/07/23 Python
python 下 CMake 安装配置 OPENCV 4.1.1的方法
2019/09/30 Python
Python类的动态绑定实现原理
2020/03/21 Python
Python编写memcached启动脚本代码实例
2020/08/14 Python
美国高端寝具品牌:Coyuchi
2017/02/08 全球购物
YBF Beauty官网:美丽挚友,美国知名彩妆品牌
2020/11/22 全球购物
C#笔试题集合
2013/06/21 面试题
餐厅楼面主管岗位职责范本
2014/02/16 职场文书
英语教师自荐信
2014/05/26 职场文书
教师反腐倡廉演讲稿
2014/09/03 职场文书
2015年共青团工作总结
2015/05/15 职场文书