<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>系统登录</title>

<%@ include file="/common/taglibs.jsp"%>

<script type="text/javascript">

    function validateUserInfo() {

        var username = document.getElementById("username").value;

        var password = document.getElementById("password").value;

        if (!username) {

            alert("请输入账号！");

        } else if (!password) {

            alert("请输入密码！");

        } else {

            if (username == "admin" && password == "admin2014") {

                document.getElementById("frm").submit();

            } else {

                alert("账号或密码错误！");

                cancle();

            }

        }

    }

    //取消操作

    function cancle() {

        document.getElementById("username").value = "";

        document.getElementById("password").value = "";

        document.getElementById("username").focus();

    }

    //回车提交表单，这两种方案在chrome下执行正常

    if (document.addEventListener) {//如果是Firefox

        document.addEventListener("keypress", fireFoxHandler, true);

    } else {

        document.attachEvent("onkeypress", ieHandler);

    }

    function fireFoxHandler(evt) {

        //alert("firefox");

        if (evt.which == 13) {

            validateUserInfo();

        }

    }

    function ieHandler(evt) {

        //alert("IE");

        if (evt.keyCode == 13) {

            validateUserInfo();

        }

    }

</script>

</head>

</head>

<body class="easyui-layout" style="background-color: #C3DDF4;">

    <center>

        <div style="padding-top: 50px; background-color: white;">

            <div>

                <img alt="logo" src="res/images/logo.jpg">

            </div>

            <label style="font-family: '微软雅黑'; font-size: 28px;">川庆钻探工程有限公司地球物理勘探公司山地数字地震队管理系统</label>

            <form id="frm" action="${ctx}/login" method="post">

                <table

                    style="border: 1px solid; border-color: white; width: 270px; padding: 20px;">

                    <tr>

                        <th>账号：</th>

                        <td><input id="username" name="username" type="text"/></td>

                        <td></td>

                    </tr>

                    <tr>

                        <th>密码：</th>

                        <td><input id="password" name="password" type="password"/></td>

                        <td></td>

                    </tr>

                    <tr>

                        <td></td>

                        <td><input type="button" value="登录"

                            onclick="validateUserInfo()" />&nbsp;&nbsp; <input type="button"

                            value="取消" onclick=" cancle()" /></td>

                        <td></td>

                    </tr>

                </table>

            </form>

        </div>

    </center>

    <center>

        <div style="bottom: 30px; padding-left: 35%;; position: absolute;">

            <center>Copyright &copy; 2013 - 2014 川庆钻探工程有限公司地球物理勘探公司</center>

        </div>

    </center>

</body>

</html>

简单Demo的用户登录JSP界面IE、Firefox（chrome） Enter 键提交表单的更多相关文章

  1. jmeter压力测试的简单实例+badboy脚本录制（一个简单的网页用户登录测试的结果）

    JMeter的安装:在网上下载,在下载后的zip解压后,在bin目录下找到JMeter.bat文件,双击就可以运行JMeter. http://jmeter.apache.org/ 在使用jmeter ...

  2. Ubuntu设置root用户登录图形界面

    Ubuntu默认的是root用户不能登录图形界面的,只能以其他用户登录图形界面.这样就很麻烦,因为权限的问题,不能随意复制删除文件,用gedit编辑文件时经常不能保存,只能用vim去编辑. 解决的办法 ...

  3. swing 实现用户登录注册界面（不使用数据库）

    swing 实现用户登录注册界面(不使用数据库) 实现的功能 先说一下具体实现的功能吧:用户注册后会将注册的对象存入内存中,登录时会遍历注册的对象列表,判断是否登录成功: 登录和注册界面: 本次实验分 ...

  4. Web jsp开发学习——Servlet提交表单时用法

     实现提交表单以后判断输入的信息是否符合条件    若符合条件   先新建servlet  Sevlet的两种声明方式,二选一即可  再到web.xml里注册   register.jsp就是表单的界 ...

  5. 【转】JSP提交表单

    设计表单页面,它是静态页面,使用HTML编写,而且使用了JavaScript脚本语言来验证填写表单数据,表单页面为form.htm,代码如下: <html><head>< ...

  6. 总结：JSP几种提交表单方法

    问题描述: 最近进了一家“老公司”工作,说他老不是说他成立的早,是因为他的编程框架太l.......low了.EJB的规范模式,使用是IBM经过Eclipse二次开发出来的RAD(Rational A ...

  7. PHP防止用户重复提交表单

    我们提交表单的时候,不能忽视的一个限制是防止用户重复提交表单,因为有可能用户连续点击了提交按钮或者是攻击者恶意提交数据,那么我们在提交数据后的处理如修改或添加数据到数据库时就会惹上麻烦. 那么如何规避 ...

  8. 关于Asp.Net中避免用户连续多次点击按钮，重复提交表单的处理

    Web页面中经常碰到这类问题,就是客户端多次点击一个按钮或者链接,导致程序出现不可预知的麻烦. 客户就是上帝,他们也不是有意要给你的系统造成破坏,这么做的原因很大一部分是因为网络慢,点击一个操作之后, ...

  9. 在jsp提交表单的参数封装到一个方法里

    建议去看一下孤傲苍狼写的Servlet+JSP+JavaBean开发模式(http://www.cnblogs.com/xdp-gacl/p/3902537.html), 最好把他JavaWeb学习总 ...

随机推荐

  1. 国际化标签 <fmt:bundle>&<fmt:message>的使用

    国际化标签 <fmt:bundle>&<fmt:message>的使用 Message.properties文件: name=www.gis520.com #info= ...

  2. Python-memcached的基本使用 - Flynewton成长点滴 - 开源中国社区

    Python-memcached的基本使用 - Flynewton成长点滴 - 开源中国社区 Python-memcached的基本使用 发表于3年前(2010-12-04 00:02)   阅读(9 ...

  3. 【转】android 电池（二）：android关机充电流程、充电画面显示

    关键词:android 电池关机充电 androidboot.mode charger关机充电 充电画面显示 平台信息:内核:linux2.6/linux3.0系统:android/android4. ...

  4. SQL Server 中使用参数化Top语句

    在T-Sql中,一般top数据不确定的情况下,都是拼sql,这样无论是效率还是可读性都不好.应该使用下面参数化Top方式:declare @TopCount int set @TopCount = 1 ...

  5. Unity 制作RPG地图2(自己控制地图上图标)

    上一次用Unity摄像机方式实现了地图的制作,现在介绍另一种实现地图的方式: 自己通过代码实现小地图NCP图标的显示和隐藏 制作地图的步骤: 1. 根据游戏人物的3D坐标转换成2D平面坐标,根据距离显 ...

  6. Davinci开发板DM368 nandwrite.c简要分析

    #include <stdio.h> #include <stdlib.h> #include <sys/stat.h> #include <limits.h ...

  7. 虚拟化之KVM的安装篇

    1,在安装KVM之前,首先需要在自己的电脑开启cpu虚拟化技术(这个需要BIOS中设置). 如下操作都是在本人虚拟机中设置,所以可以看到我多添加一块磁盘,目的是用来做kvm虚拟机的磁盘. 另外,虚拟机 ...

  8. 初探JS-html5移动端发送指定内容短信到指定号码

    原理:利用a标签跳转指定网址: sms://[号码]?body=[内容] //安卓 sms://[号码]&body=[内容] //IOS 首先简单的做两个input,一个用于输入内容,一个用于 ...

  9. android一些常用的代码1（收藏）

    以下内容来自多个开源项目的整理和自己的项目积累. 1.拨打电话 public static void call(Context context, String phoneNumber) { conte ...

  10. C# Process.Start()方法详解(转)

    C# Process.Start()方法详解 System.Diagnostics.Process.Start(); 能做什么呢?它主要有以下几个功能: 1.打开某个链接网址(弹窗). 2.定位打开某 ...