CODEWITHSUNDEEP
javascriptc#asp.net-corerazor
Ivan
Ivan

Reputation: 1171

Submit a form only when 'enter' key is pressed

I have an input like this which submits a form on key-up event:

<input id="filter_package_byidphrase" asp-for="@Model.FilterByPackageIdPhrase" class="package_list_list_filter_controll_input" onkeyup="this.form.submit()">

I want the form to be submitted only when 'enter' is pressed (up). I already tried solution like this, but it didn't work:

 <input id="filter_package_byidphrase" asp-for="@Model.FilterByPackageIdPhrase" class="package_list_list_filter_controll_input" onkeyup="keypressHandler">

 <script type="text/javascript">
      function keypressHandler(e)
      {
           if(e.keyCode == 13) {
                 e.preventDefault();
                 $('#filterform').submit();
           }
      }
 </script>

Upvotes: 0

Views: 754

Answers (1)

MetinYakar.NET
MetinYakar.NET

Reputation: 104

It might be helpful to trigger the function inside the tag from the parent. Like this

<form id="myform" onsubmit="event.preventDefault()">
    <input type='text' id='input' onkeyup="keypressHandler(event)" />
</form>
<script>
    function keypressHandler(e) {
        if(e.keyCode == 13)
           myform.submit();
    }
</script>

Upvotes: 4

Related Questions