How stop popup after showing error message on press enter

Question

actually i am using mvc application in that on view if i press enter key then validation popup open and hide automatically.

Rajkiran Swain · Answer

You can also use AJAX ModalPopupExtender Modal Popup using JavaScript.

Ankit Sharma · Answer

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

Ankit Sharma · Answer

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

Priyanka Gurav · Answer

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.

Priyanka Gurav · Answer

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 ; } });

How stop popup after showing error message on press enter

Answers (5)