<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<script type="text/javascript">
window.onload = function(){
document.getElementById("admin").focus();
}
function check_admin(admininfo){
if(admininfo==null || admininfo.length == 0 || !new RegExp(/^[a-zA-Z]{3,20}$/).test(admininfo)){
return false ;
}else{
return true ;
}
}
function check_pwd(pwdinfo){
if(pwdinfo==null || pwdinfo.length == 0 || !new RegExp(/^\d{6}$/).test(pwdinfo)){
return false ;
}else{
return true ;
}
}
function check_yzm(yzminfo){
if(yzminfo==null || yzminfo.length == 0 || !new RegExp(/^[A-Za-z0-9]{5}$/).test(yzminfo)){
return false ;
}else{
return true ;
}
} function onblur_show_admin_success_msg(){
var admin = document.getElementById("admin").value ;
var flag = check_admin(admin);
if(flag){
document.getElementById("admin_msg").innerHTML = "<b style='color:green;'>格式正确。</b>" ;
}else{
document.getElementById("admin_msg").innerHTML = "管理员账号有误,请又一次填写!" ;
}
}
function onblur_show_pwd_success_msg(){
var pwd = document.getElementById("pwd").value ;
var flag = check_pwd(pwd) ;
if(flag){
document.getElementById("pwd_msg").innerHTML = "<b style='color:green;'>格式正确! </b>" ;
}else{
document.getElementById("pwd_msg").innerHTML = "管理员password有误。请又一次填写!" ;
}
}
function onblur_show_yzm_success_msg(){
var yzm = document.getElementById("yzm").value ;
var flag = check_yzm(yzm) ;
if(flag){
document.getElementById("yzm_msg").innerHTML = "<b style='color:green;'>格式正确。</b>" ;
}else{
document.getElementById("yzm_msg").innerHTML = "验证码有误,请又一次填写! " ;
}
} function clear_admin_msg(){
document.getElementById("admin_msg").innerHTML = "" ;
}
function clear_pwd_msg(){
document.getElementById("pwd_msg").innerHTML = "" ;
}
function clear_yzm_msg(){
document.getElementById("yzm_msg").innerHTML = "" ;
} function onsubmit_check_all_data(){
var admin = document.getElementById("admin").value ;
var pwd = document.getElementById("pwd").value ;
var yzm = document.getElementById("yzm").value ;
if(!check_admin(admin)||!check_pwd(pwd)||!check_yzm(yzm)){
return false ;
}
/*
var flag_admin = check_admin(admin) ;
var flag_pwd = check_pwd(pwd);
var flag_yzm = check_yzm(yzm);
if(flag_admin&&flag_pwd&&flag_yzm){
return true ;
}else{
return false ;
}
if(!flag_admin||!flag_pwd||!flag_yzm){
return false ;
}
*/
}
</script>
<div class="body">
<div class="login">
<form action="login.action" method="post" class="loginform" onsubmit="return onsubmit_check_all_data();">
<fieldset>
<legend>系统管理员登陆窗体</legend>
<div class="margin_padding"></div>
<p>
<label for="admin">管理员账号</label><br/>
<span class="margin_padding"></span>
<input type="text" name="admin" id="admin" style="width:200px;height:25px;" onfocus="clear_admin_msg();" onblur="onblur_show_admin_success_msg();">
<span id="admin_msg" style="color: red;font-style: italic;"></span>
</p>
<span class="margin_padding"></span>
<p>
<label for="pwd">管理员password</label><br/>
<span class="margin_padding"></span>
<input type="password" name="pwd" id="pwd" style="width:200px;height:25px;" onfocus="clear_pwd_msg();" onblur="onblur_show_pwd_success_msg();">
<span id="pwd_msg" style="color: red;font-style: italic;"></span>
</p>
<span class="margin_padding"></span>
<p>
<label for="yzm">输入验证码</label><span style="color:#555;font-size:10px;">(看不清楚,请点击图片刷新! )</span><br>
<span class="margin_padding"></span>
<input type="text" name="yzm" id="yzm" style="width:100px;height:25px;" onfocus="clear_yzm_msg();" onblur="onblur_show_yzm_success_msg();">
<img alt="loading..." src="yzm.action" style="width:100px;height:25px;" id="yzmpic" onclick="refrushyzm();" onmouseover="showpointer();">
<span id="yzm_msg" style="color: red;font-style: italic;"></span>
</p>
<span class="margin_padding"></span>
<p>
<input type="submit" value="管理员登录" id="submit">
</p>
<span class="margin_padding"></span>
</fieldset>
</form>
</div>
</div>

JavaScript表单项数据过滤代码的更多相关文章

  1. 2016/3/26 weixin 头像 昵称 网页优化显示 缺表中数据 只有代码 无显示效果

    weixin.php <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

  2. JSP简单练习-获取表单数据

    在JSP中,server端程序与client交互最经常使用的方法就是採用表单提交数据.表单提交的方法主要有两种,一种是get方法.还有一种是post方法.两者最大的差别:使用get方法提交的数据会显示 ...

  3. JavaScript实现ajax发送表单数据

    知识点: 1.重置表单数据 2.获取表单数据(纯JavaScript) 3.设置表单数据(纯JavaScript) 4.ajax发送数据到客户端 (1)设置请求头,自己组合数据 (2)实例化表单对象, ...

  4. 主要看思路:区域数据去重 + JavaScript一次性展示几万条数据实例代码

    近期做1功能,Gis地图 基于百度地图api , 会遇到的问题的, 如后台接口给的数据很多,大几千上万的,如果拿了数据直接渲染dom ,这滋味爽爽的. 再遇上 客户端浏览器悲催的,这卡顿就来了... ...

  5. MySql中把一个表的数据插入到另一个表中的实现代码

    web开发中,我们经常需要将一个表的数据插入到另外一个表,有时还需要指定导入字段,设置只需要导入目标表中不存在的记录,虽然这些都可以在程序中拆分成简单sql来实现,但是用一个sql的话,会节省大量代码 ...

  6. 将MySQL一张表的数据迁移到MongoDB数据库的Java代码示例

    Java代码: package com.zifeiy.snowflake.handle.etl.mongodb; import java.sql.Connection; import java.sql ...

  7. EasySharding.EFCore 如何设计使用一套代码完成的EFCore Migration 构建Saas系统多租户不同业务需求且满足租户自定义分库分表、数据迁移能力?

    下面用一篇文章来完成这些事情 多租户系统的设计单纯的来说业务,一套Saas多租户的系统,面临很多业务复杂性,不同的租户存在不同的业务需求,大部分相同的表结构,那么如何使用EFCore来完成这样的设计呢 ...

  8. SQL实现将一个表的数据插入到另外一个表的代码

    --第一种情况的 1>如果2张表的字段一致,并且希望插入全部数据,可以用这种方法: INSERT INTO 目标表 SELECT * FROM 来源表; 2>比如要将 articles 表 ...

  9. js 表单验证控制代码大全

    js表单验证控制代码大全 关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单:目录:1:js 字符串长度限制.判断字符长度 .js限制输入.限制不能输入.textarea 长 ...

随机推荐

  1. less14 颜色函数2

    less div{ // hue()色相值 z-index: hue(hsl(90,100%,50%)); //90 ////saturation()饱和度 z-index: saturation(h ...

  2. vim-YCM插件安装

    这两天开始使用vim来学习C++语言,中间少不了要进行编译.才刚刚写了两个小例子就开始发现,每次都要退出vim来进行编译,实在太麻烦了.这时候才想到之前有在一本关于vim的书籍上看到quickfix的 ...

  3. POJ 3273 二分答案

    思路:二分答案经典题吧....注意边界就OK了 //By SiriusRen #include <cstdio> #include <algorithm> using name ...

  4. PostgreSQL中流复制pg_basebackup做了什么

    解压PostgreSQL源代码包后可以到如下路径:postgresql-9.2.4\src\backend\replication下可以看到,basebackup.c,另外还可以看到walreceiv ...

  5. win环境操作mysql

    第一步:登录数据库 第二步:查看数据库 第三步:进入数据库 第四步:创建表 第五步:删除数据库 第六步:进入数据库查看表状态

  6. 比起 Windows,怎样解读 Linux 的文件系统与目录结构?

    Linux 和 Windows 的文件系统有些不同,在学习使用 Linux 之前,若能够了解这些不同,会有助于后续学习. 本文先对 Windows 和 Linux 上面文件系统原理.组织概念进行区分, ...

  7. JS获取当前时间(YYYY-MM-DD ),element显示默认当前时间,显示默认昨天,显示默认上个月

    原文链接:点我 进来的随便看看,或许有帮助 vue+element-ui   datepicker 设置默认日期用的框架是vue+element-ui ,以下是时间控件 <el-form-ite ...

  8. django-xadmin定制之分页显示数量

    环境:xadmin-for-python3 python3.5.2 django1.9.12 主要思路:利用django-xadmin的插件原理和原有分页插件的逻辑,单独定义一个分页显示数插件,效果如 ...

  9. 思科E3200 路由器 DD-WRT 设置花生壳和3322.org动态域名(DDNS)

    花生壳设置(已測试) ddns.oray.com:80 username   aaaa password bbbb 主机名   abc.gicp.net URL       /ph/update?ho ...

  10. vim使用(二):经常使用功能

    1. vim经常使用功能 vim的经常使用功能.包含块的选择.复制,多文件的编辑.多窗体等功能. 2. vim块选择 块选择是将文档中的一块能够选择复制,粘贴,不用整行的处理. 按下 v , V . ...