JavaScript表单项数据过滤代码
<%@ 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表单项数据过滤代码的更多相关文章
- 2016/3/26 weixin 头像 昵称 网页优化显示 缺表中数据 只有代码 无显示效果
weixin.php <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...
- JSP简单练习-获取表单数据
在JSP中,server端程序与client交互最经常使用的方法就是採用表单提交数据.表单提交的方法主要有两种,一种是get方法.还有一种是post方法.两者最大的差别:使用get方法提交的数据会显示 ...
- JavaScript实现ajax发送表单数据
知识点: 1.重置表单数据 2.获取表单数据(纯JavaScript) 3.设置表单数据(纯JavaScript) 4.ajax发送数据到客户端 (1)设置请求头,自己组合数据 (2)实例化表单对象, ...
- 主要看思路:区域数据去重 + JavaScript一次性展示几万条数据实例代码
近期做1功能,Gis地图 基于百度地图api , 会遇到的问题的, 如后台接口给的数据很多,大几千上万的,如果拿了数据直接渲染dom ,这滋味爽爽的. 再遇上 客户端浏览器悲催的,这卡顿就来了... ...
- MySql中把一个表的数据插入到另一个表中的实现代码
web开发中,我们经常需要将一个表的数据插入到另外一个表,有时还需要指定导入字段,设置只需要导入目标表中不存在的记录,虽然这些都可以在程序中拆分成简单sql来实现,但是用一个sql的话,会节省大量代码 ...
- 将MySQL一张表的数据迁移到MongoDB数据库的Java代码示例
Java代码: package com.zifeiy.snowflake.handle.etl.mongodb; import java.sql.Connection; import java.sql ...
- EasySharding.EFCore 如何设计使用一套代码完成的EFCore Migration 构建Saas系统多租户不同业务需求且满足租户自定义分库分表、数据迁移能力?
下面用一篇文章来完成这些事情 多租户系统的设计单纯的来说业务,一套Saas多租户的系统,面临很多业务复杂性,不同的租户存在不同的业务需求,大部分相同的表结构,那么如何使用EFCore来完成这样的设计呢 ...
- SQL实现将一个表的数据插入到另外一个表的代码
--第一种情况的 1>如果2张表的字段一致,并且希望插入全部数据,可以用这种方法: INSERT INTO 目标表 SELECT * FROM 来源表; 2>比如要将 articles 表 ...
- js 表单验证控制代码大全
js表单验证控制代码大全 关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单:目录:1:js 字符串长度限制.判断字符长度 .js限制输入.限制不能输入.textarea 长 ...
随机推荐
- Unity游戏开发--30s制作精美地图
"君子生非异也.善假于物也"--<劝学>荀子 引用这句话的目的,是我觉得有时候.利用工具来提高游戏开发效率是很必要的. 利用工具,解放程序员双手. 今天想给大家介绍下. ...
- LeakCanary:简单粗暴的内存泄漏检測工具
差点儿每一个程序猿在开发的过程中都会遇到内存泄漏.那么我们怎样检測到app是否哪里出现内存泄漏呢?square公司推出了一款简单粗暴的检測内存泄漏的工具-- LeakCanary 什么是内存泄漏? 内 ...
- 登录那些事儿+ Session原理
http://cnodejs.org/topic/5671441a1d2912ce2a35aaa1 登录那些事儿 http://www.jianshu.com/p/2b7c10291aad Sess ...
- Optional arguments
We have seen built-in functions that take a variable number of arguments. For example range can take ...
- C#-汉字转拼音缩写
/// 〈summary〉 /// 汉字转拼音缩写 /// Code By MuseStudio@hotmail.com /// 2004-11-30 /// 〈/summary〉 /// 〈para ...
- Fiddler 故障
如果只要打开 Fiddler 就没法进网页,重启 Fiddler 问题依旧.卸载并重装 Fiddler 后,提示 8888 端口被占,错误弹窗中包含“ipoverusbsvc:2492”,说明有设备在 ...
- Framework3.5安装(Windows8.1)
在用到Android逆向助手,使用时提示安装Framework3.5,Windows7都有Framework3.5,Windows8却没有,联网更新就算了,这龟速更新得多久.但是问题总还是要解决,随便 ...
- sql 知识点
1 聚集索引和非聚集索引的区别 聚集索引是指 表中存储的数据按照索引的顺序来存储,数据检索效率高,但是对数据更新影响较大:非聚集索引是数据存储在一个地方,索引存储在另一个地方:索引带有指针,指向数据的 ...
- 瞎折腾-CentOS 7.4 编译4.16.2版kernel 并安装
CentOS 7.4下 原内核版本: 3.10.0-693.el7.x86_64 改后内核版本: 4.16.2 系统版本: CentOS-7-x86_64-Minimal-1708.iso 运行环境: ...
- 俩层判断,判断button是否可以点击
描述如下: 当被保人数超过三个人并且input是必填项的时候button是disable为false的 代码如下: //起保日期 $('.pickerfour').on('tap', function ...