How stop popup after showing error message on press enter

Priyanka Gurav

9y900

actually i am using mvc application

in that on view if i press enter key then validation popup open and hide automatically.

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Priyanka Gurav9y ago
I am using ajax model popup only. it is work on internet explore but it is not working chrome.
and i want it should be work on chrome.
0
Rajkiran Swain9y ago
You can also use AJAX ModalPopupExtender Modal Popup using JavaScript.
+1
Ankit Sharma9y ago
Hi Priyanaka,

I think this error is coz of two buttons of type="submit"

I suggest you to check below links for handling multiple submit button in same view

https://www.codeproject.com/Articles/992972/How-to-handle-multiple-Submit-button-in-ASP-NET-MV

http://www.dotnettricks.com/learn/mvc/handling-multiple-submit-buttons-on-the-same-form-mvc-razor

Hope this helps
+1
Priyanka Gurav9y ago
Thanks for reply @Ankit. but it is not working , i already tried that code.
@using (Html.BeginForm("Submit", "test", FormMethod.Post, new { defaultbutton = "btnNext", id = "test1" })) {

name

              @Html.DropDownList("Id", @Model.CustomerList as IEnumerable, new { value = @Model.Id, id = "ddlcust", @class = "form-control" })

       "number" id="txtPercentage" name="Percentage" value="@Model.Percentage" class="form-control" placeholder="Percentage" />

"submit" id="btnBack" name="btnAction" value="Back" class="btn-back" />
"submit" id="btnNext" name="btnAction" value="Next" class="btn-next" />
"text/javascript">
        function ValidateInvestor() {
           var errorMsg = '';
    errorMsg = ValidateInput();
       if (errorMsg == "") {
          $("#pageLoadDiv").css("display", "block");
         return true;
}
         else {
          ShowFailedMessage(errorMsg, "Validation Failed");
    return false;
}
   }           $('input').keypress(function (event) {
      if (event.which == '13') {
           debugger;
               event.preventDefault();
             $('#btnNext').focus().click();
            return false;             }
  });

     $('#btnNext').on('click', function () {
   debugger;
var errorMsg = "";
errorMsg = ValidateInput();
   if (errorMsg == "") {
       $("#pageLoadDiv").css("display", "block");
             return true;             }
       else {
  ShowFailedMessage(errorMsg, "Validation Failed");
         return false;             }
});
0
Ankit Sharma9y ago
Hi Priyanka,

The form is getting submitted on hitting enter key.Hence the validation popup is getting displayed.

Please refer to below link to get a solution for this issue.

https://stackoverflow.com/questions/1041247/handle-user-hitting-enter-key-in-a-asp-net-mvc-web-site

Hope this helps
+1