Call custom js function after Enter key

[Frans]

Hi,

How can I achieve calling a custom javascript post call (jQuery) when a user enters the Enter key ? (actually independent of which field has the focus at that moment).
Just like with a classic button submit button, but instead calling a custom js function.

Martin

[Neli]

Hi Frans,

As far as I understand you need to send an ajax post request when the 'Enter' key is pressed in the From. If this is the case, you could use the jQuery keydown event. You could check the pressed key. In case it is 'Enter' you could send the ajax request depending on the requirements. The example below demonstrates how an alert could be displayed in case 'Enter' key is pressed over a From with id "exampleForm".

$("#exampleform").on('keydown', function(e){            	
              if(e.key == 'Enter'){
              		alert('Enter key pressed in Form')
              }
})

This is demonstrated also in the Dojo linked here. As you will see if the Enter key is pressed on the input that is outside the From, no alert will appear.

I hope the provided suggestion suits your scenario. Let me know in case you have any further questions regarding the issue.

Regards,
Neli
Progress Telerik

[Frans]

Hi Neli,

Thanks for your reply.
I understand this is a possible solution, but I would like to see this integrated in the Form component in a simpler way: 

Just with setting a property like 'bool SubmitOnEnterPress' or something, which simply gives this functionality out of the box in this Form control.

I want just a serverside solution, without hassle on the clientside with jQuery or css.

[Neli]

Hello Frans,

When the Form is submitted the submit event is fired. However, the submit event will be triggered by pressing enter and also by clicking the submit button.

I am afraid that currently, the Form does not expose an event or a built-in option to configure that the Form could be submitted only on pressing 'Enter'. If you think that such enhancement would be a valuable addition I would suggest you log the idea in our official Feedback portal. Depending on the popularity the issue gain in the community, it could be considered for implementation in a future release.

Regards,
Neli
Progress Telerik