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 长 ...
随机推荐
- PHP 二维数组去掉重复值并保持原结构
PHP 二维数组去掉重复值并保持原结构 直接上代码,解释很详细 //二维数组去掉重复值 function arrunique($a){ foreach($a[0] as $k => $v){ / ...
- 36.创建自定义的指令directive
转自:https://www.cnblogs.com/best/tag/Angular/ 1. <html> <head> <meta charset="utf ...
- Case study: word play
For the exercises in this chapter we need a list of English words. There are lots of word lists avai ...
- 【DNN 系列】 DNN是什么
DNN平台 这个DNN平台是一个开放的.可扩展的.安全的.可扩展的内容管理系统和ASP.NET.世界各地的数十万商户,从地方小企业到全球1000强企业,取决于DNN平台作为他们网站的编辑环境. 这个网 ...
- 1570. [POJ3461]乌力波
★☆ 输入文件:oulipo.in 输出文件:oulipo.out 简单对比时间限制:1 s 内存限制:256 MB [题目描述] 法国作家乔治·佩雷克(Georges Perec,1 ...
- Linux 下段错误 core文件
什么是core dump? core的意思是内存,dump的意思是扔出来,堆出来:当一个程序奔溃时,在进程当前工作目录的core文件中复制了该进程的存储图像.core文件仅仅是一个内存映像(同时加上调 ...
- poj2823/hdu3415 - 数据结构 单调队列
poj2823 题目链接 长度为N的数组,求宽度k的滑动窗口在数组上滑动时窗口内的最大值或最小值 如果用单调队列做,求最小值时,队列应该严格递增的.所以插入时,队尾大于等于插入值的元素都应被舍弃,因为 ...
- UVa 202 Repeating Decimals【模拟】
题意:输入整数a和b,输出a/b的循环小数以及循环节的长度 学习的这一篇 http://blog.csdn.net/mobius_strip/article/details/39870555 因为n% ...
- phpstorm10安装并汉化
一.下载phpstorm 下载地址:https://pan.baidu.com/s/1R64ZROVP1ljGbYfCwWjwxA 二.一直点击下一步安装即可 注意:第3步的时候选择一下支持的后缀 三 ...
- yii2.0中使用jquery
我们都知道 yii 框架是组件式开发的,使用 jquery 也是非常简单的.只需要注册一下就可以使用非常简单的 jquery 代码了! <?php $this->beginBlock('s ...