在用户按Enter / Return键时调用服务器端操作

Question

Updated

Since I got your very helpful answers to this question so promptly, I have reconsidered the problem. I think I need to break it down into two small requirements, so I am updating the question.

In my ASP.NET MVC 4 application, I need that when the user presses the enter key on the keyboard while the focus is in a specific textbox:

Scenario 1: The appropriate server side action must be called. If the user presses the enter key when the cursor is in a different text box, another action must be called.

Scenario 2: If the user pressed the Enter key on the keyboard while the focus is in any textbox in one of the forms on the current page, the form must be posted back with all the form data (HttpPost) to the action on the controller as specified in the action attribute of that <form> .

How do I accomplish these two scenarios?

Answer 1

$('#idOfTextbox').keypress(function(e) {
    if(e.which == 13) {
        $.ajax({
        //.. Your values go here...
        });
    }
});

If you want to intercept a submitted form, you can use the ajaxForm plugin . This way, you can have several forms on the page and when a form is submitted, it will make an AJAX call to the action method specified in the form's action attribute. You will then be able to handle the response in the 'success' callback of the ajax call.

Answer 2

您可以使用javascript或简单地将每个输入放在不同的<form>并在其中键入type =“ submit”。

Answer 3

element.onkeydown = function(event) {
    //do something on keydown (enter is keyCode === 13)
};

Answer 4

You can do it as below:

$('#idOfTextbox').keypress(function(e) {
    if(e.which == 13) {
       $.ajax({

       url: './savedata',//Your method name, that is to be called
       type: 'POST',
       contentType: 'application/json',//Type of data you want to post
       data: JSON.stringify({ obj: sampleobject }),//object of post-object i.e. data being posted
       success: function(result) {
       //Logic to handle success
        }  
       error: function(){}//Handle error here  
     }
}); 

I have given an example to call a method that is on the same controller on whose view you are currently working with..