微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

处理用户在ASP.NET MVC网站中点击“Enter”键

我正在一个ASP.NET MVC网站上有多个提交按钮。即:
<input type="submit" name="SubmitButton" value="Reset" />
    <input type="submit" name="SubmitButton" value="OK" />
    <input type="submit" name="SubmitButton" value="Back" />

我需要允许用户按“Enter”键快速提交表单。 HTML标准似乎指定如果用户按“Enter”键,将假定第一个提交按钮。但是,我需要将第二个按钮(即“OK”)按钮设置为认按钮,并且由于我甚至不想谈论的原因,更改按钮顺序不是一个选项。

搜索了几遍,我发现this post关于在ASP.NET中使用Page.Form.DefaultButton,但这并不适用于ASP.NET MVC。

我还尝试了以下javascript解决方案,而它在Chrome中可以工作,但在IE6中不起作用

$('body').keypress(function(e) {
       if (e.which === 13) {
          $("input[value='OK']").trigger('click');
       }
    });

我可以想到一些真正极端的解决方案,例如通过每个单独的控件,将上述功能附加到他们的形式。但是,我不认为这是一个非常整洁的解决方案,所以我想知道谁有更好的解决方案?

解决方法

首先,这是错误的:
<input type="submit" name="SubmitButton" value="Reset" />
<input type="submit" name="SubmitButton" value="OK" />
<input type="submit" name="SubmitButton" value="Back" />

所有三个都提交按钮。复位是type =“reset”的输入。得到排序。其次,我已经成功实现了这样的功能,它适用于IE6。尝试这个:

function keypressHandler(e)
    {
        if(e.which == 13) {
            e.preventDefault(); //stops default action: submitting form
            $(this).blur();
            $('#SubmitButton').focus().click();//give your submit an ID
        }
    }

    $('#myForm').keypress(keypressHandler);

focus()部分使用户按Enter键时按下按钮。相当漂亮

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


这篇文章主要讲解了“WPF如何实现带筛选功能的DataGrid”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“WPF...
本篇内容介绍了“基于WPF如何实现3D画廊动画效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这...
Some samples are below for ASP.Net web form controls:(from http://www.visualize.uk.com/resources/asp
问题描述: 对于未定义为 System.String 的列,唯一有效的值是(引发异常)。 For columns not defined as System.String, the only vali
最近用到了CalendarExtender,结果不知道为什么发生了错位,如图在Google和百度上找了很久,中文的文章里面似乎只提到了如何本地化(就是显示中文的月份)以及怎么解决被下拉框挡住的问题,谈
ASP.NET 2.0 page lifecyle ASP.NET 2.0 event sequence changed a lot since 1.1. Here is the order: App
静态声明: &#39; Style=&quot;position: relative&quot; AppendDataBoundItems=&quot;True&quot;&gt; (无 或 空 或
以下内容是从网络上搜集资料,然后整理而来的。不当之处,请不吝指教。(The following were from network, and edited by myself. Thanks in a
Imports System Imports System.Reflection Namespace DotNetNuke &#39;*********************************
Ok so you have all seen them: “8 million tools for web development”, “5 gagillion tools that if you