js表单登陆验证示例
作者:Love满天星 发布时间:2024-08-23 13:24:00
标签:js,表单,验证
本文实例讲述了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程序设计有所帮助。


猜你喜欢
- 今天看了篇关于Web Form Design的成功案例,虽然讲的事情很简单,但总结了一些方法,翻译过来做个原始积累吧,以后写东西举例子时也好
- GoLang之使goroutine停止的5种方法1.goroutine停止介绍goroutine是Go语言实现并发编程的利器,简单的一个指令
- 创建列表sample_list = ['a',1,('a','b')]Python 列表操作
- 元素浮动导致的问题及解决办法大家都应该很熟悉了,举个简单的例子:<style type="text/css">
- ADO.NET 连接到 SQL Server SQL Server .NET Framework 数据提供程序支持类似于 OLE DB (A
- 首先,创建一个存储过程 get_clob:t_name:要查询的表名;f_name:要查询的字段名;u_id:表的主键,查询条件;l_pos
- 在用python绘图的时候,经常由于数据的原因导致画出来的图折线分界过于明显,因此需要对原数据绘制的折线进行平滑处理,本文介绍利用插值法进行
- 方式1:在pygame中使用pygame.event.get()方法捕获键盘事件,使用这个方式捕获的键盘事件必须要是按下再弹起才算一次。示例
- 一、创建测试表CREATE TABLE [dbo].[Student]( [id] [int] NOT NULL,
- 简介:Python下有许多款不同的 Web 框架。Django是重量级选手中最有代表性的一位。许多成功的网站和APP都基于Django。Dj
- 本文实例讲述了Python GUI编程学习笔记之tkinter中messagebox、filedialog控件用法。分享给大家供大家参考,具
- 安装正常情况,只需pip install PIL==1.1.7或者pip install Pillow==2.9.0即可。但需留意安装后的输
- 在本文中,我们将学习如何使用 OpenCV 为多个图像添加水印。1. 什么是水印?水印是有意叠加在不同图像上的标志、签名、文本或图案,用于保
- 概述最近在一家公司实习,入职第一个大一点的需求是将公司开发的两个winstore app的排名信息进行可视化。大概挑选了下,排除了Flask
- 使用python基于cartopy库绘制台风路径使用python 绘制西太平洋进入我国的台风路径,文件为.dat格式,内容如下所示:代码如下
- 我们可以把表里每一个横行的数据,看成是不同的元组。在理解了这个概念后,昨天我们学了不少的namedtuple类,是否也能把元组转换成name
- 本篇文章是一篇Vue.js的教程,目标在于用一种常见的业务场景——分页/无限加载,帮助读者更好的理解Vue.js中的一些设计思想。与许多To
- 我想大家都有一些开了80端口的肉 * ,如果是国内的出于安全就不要往下看了,如果不不妨往下看一下,小弟献丑了,以求抛砖引玉。在肉鸡上放网站最麻
- 在做一些工作的时候,有时候会涉及到给图片加上水印,这个如果手动添加的话,效率太低了,通常选择代码完成。下面这个是给图像添加文字水印(图片水印
- 一、前言上次写了一个俄罗斯方块,感觉好像大家都看懂了,这次就更新一个植物大战僵尸吧二、引入模块import pygameimport ran