<%@ 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. HDOJ 4975 A simple Gaussian elimination problem.

    和HDOJ4888是一样的问题,最大流推断多解 1.把ISAP卡的根本出不来结果,仅仅能把全为0或者全为满流的给特判掉...... 2.在残量网络中找大于2的圈要用一种类似tarjian的方法从汇点開 ...

  2. T_SQL 字符串函数

    字符串函数用于处理列中的数据值,通常属于字符型的数据类型. 1.ASCLL(character),将具体字符转换为相应的整数(ASCII)代码,结果为正数. 例:select  ASCII('A'), ...

  3. Sublime Text 3破解

    ----- BEGIN LICENSE ----- sgbteam Single User License EA7E- 8891CBB9 F1513E4F 1A3405C1 A865D53F 115F ...

  4. 洛谷3964 [TJOI2013]松鼠聚会

    题目描述 草原上住着一群小松鼠,每个小松鼠都有一个家.时间长了,大家觉得应该聚一聚.但是草原非常大,松鼠们都很头疼应该在谁家聚会才最合理. 每个小松鼠的家可以用一个点x,y表示,两个点的距离定义为点( ...

  5. subline 快捷键与功能解释

    选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本. Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑.举个栗子:快速选中并更改所有相同的变量名.函数 ...

  6. python 命令行下的命令参数

    本文所介绍的命令或许是在依赖包里使用的,说白了,我不太清除,由于刚开始学习,所以对知识了解不清楚,按说学习本应该学以解惑,可是为了把知识面展开的太广而影响主要知识的学习,我决定抓住主要矛盾,把有些困惑 ...

  7. 题解 P1179 【数字统计】

    嚯嚯嚯,这道题很显然是削弱版的51nod P1042. 那么显然我们需要使用数位DP解题. 思路大致是这样的: 对于每一个数字,考虑三种影响关系: 1. 它对低位的影响 2. 它对高位的影响 3. 高 ...

  8. Android后台进程与前台线程间的区别使用

    博客出自:http://blog.csdn.net/liuxian13183,转载注明出处! All Rights Reserved ! 很早就翻译过Android API的一篇文章Android高级 ...

  9. 【 D3.js 入门系列 --- 2.1 】 关于怎样选择,插入,删除元素

    本人的个人博客首页为: http://www.ourd3js.com/  ,csdn博客首页为:http://blog.csdn.net/lzhlzz/. 转载请注明出处,谢谢. 在D3.js中,选择 ...

  10. JAVA类库LinkList的基本实现

    写完调试了好久,边界不优点理,具体的请看JDK类库,下面仅仅是基本实现: import java.util.Iterator; /** * 类名:MyLinkedList 说明:LinkedList的 ...