js监听键盘提交表单

<!DOCTYPE html>
<html>
<head>
<title>登陆系统</title>
<link href="/nmm/Public/User/css/user.css" rel="stylesheet">
<link href="/nmm/Public/css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="/nmm/Public/js/jquery.min.js"></script>
<script type="text/javascript" src="/nmm/Public/User/js/user.js"></script>
<script type="text/javascript">
        if (top.window !== window) {
                top.location = window.location;
        }

        //执行键盘按键命令
        function keyDown(e) {
                var keycode = 0;
                //IE浏览器
                if (CheckBrowserIsIE()) {
                        keycode = event.keyCode;
                } else {
                        //火狐浏览器
                        keycode = e.which;
                }
                if (keycode == 13) //回车键是13
                {
                        $("#btn-save").click();
                }
        }
        //判断访问者的浏览器是否是IE
        function CheckBrowserIsIE() {
                var result = false;
                var browser = navigator.appName;
                if (browser == "Microsoft Internet Explorer") {
                        result = true;
                }
                return result;
        }
</script>
</head>

<body class="login" onkeydown="keyDown(event);">
        <form name="forms">
                <div class="login_m">
                        <div class="login_logo">
                                <h1>NMM 信息发布系统</h1>
                        </div>
                        <div class="login_boder">
Type  :quit<Enter>  to exit Vim                                                                                                  47,4-25       29%
                                                <button type="button" id="btn-save" class="btn btn-primary"
                                                        onclick="return check();">登陆</button>
                                        </p>
                                </div>
                        </div>
                </div>
                <div class="text-center">

                </div>
        </form>

        <!-- Modal -->
        <div class="modal fade" id="msgModal">
                <div class="modal-dialog">
                        <div class="modal-content">
                                <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal">
                                                <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                                        </button>
                                        <h4 class="modal-title" id="msgModalLabel"></h4>
                                </div>
                                <div class="modal-body text-center" id="msgModalBody"></div>
                                <div class="modal-footer">
                                        <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                                </div>
                        </div>
                </div>
        </div>
</body>
</html>

原文地址：https://www.cnblogs.com/ylht/p/10281497.html

时间： 2024-11-10 08:02:31

js监听键盘提交表单的相关文章

js模拟支付宝提交表单

弄过支付宝的程序员可能都知道,里面有很多地方都用到了自提交表单的方式,支付宝的接口通过请求API的形式取得服务器返回的表单字符串,使用out.print("表单字符串")在jsp页面上自提交表单.这种做法虽然很少有人使用,但是它也有着自身的价值,例如有的时候在js内部要提交一个完整的表单但是又不能使用ajax提交,这种时候这种思想就能发挥作用了封装表单的js如下 var formStart="<form id=\"userForm\" name=\

js无刷新提交表单

$("#form1").attr("target", "frameFile"); $("#form1").submit(); <iframe id='frameFile' name='frameFile' style='display: none;'></iframe> 将表单提交目标指向隐藏的iframe,用iframe代替form提交

js跨域提交表单【详细教程，包解决】

下面是前台js代码部分 $.ajax({ url: "http://tttcuxiao.uz.taobao.com",<span style="white-space:pre"> </span>//这里是提交url例子链接 type: "get",<span style="white-space:pre"> </span>//jsonp必须是get方式,post不支持,注意 da

js 禁止回车提交表单

//禁止按回车提交 $(document).ready(function(){ $("input[@type='text']").each( function(){ $(this).keypress( function(e) { var key = window.event ? e.keyCode : e.which; if(key.toString() == "13"){ return false; } }); }); })

js 防止重复提交表单

JS采用ActiveXObject实现用户在提交表单时屏蔽敏感词的功能

本例中敏感词ciku.txt放在C盘根目录下,采用的ActiveXObject插件获取本地文件内容.使用此插件不需网上下插件,直接用如下js代码即可. 浏览器需修改interner安全选项的级别,启用ActiveX才能获取到代码中的ActiveXObject插件.如下图所示: js代码实现如下: 1 <script type="text/javascript"> 2 // -------------- 全局变量,用来判断文本域中是否包含脏词,默认为false,即不包含脏词-

js防止回车(enter)键提交表单

如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. 如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();&q

js实现无刷新表单提交文件，将ajax请求转换为form请求方法

最近在做项目的时候遇到一个需要上传文件的需求,因为ajax请求是无法上传二进制文件流的,所以只能用form表单提交,而form提交有一个问题就是会使页面刷新,本文解决了form表单提交文件时页面刷新的问题. 一.无刷新实现form提交文件将form的target指向为一个iframe就可以实现无刷新提交文件了,但关键是还需要看到后台返回的数据,所以还需要为该iframe注册一个回调函数,因为iframe和该页面在同域内,所以可以在iframe里可以调用该回调函数,就可以看到后台返回的数据了.实

form表单无法提交js动态添加的表单元素问题。。

第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url "> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </form> &l