Form hiding after clicking the mobile keyboard submit/go button - css

In my mobile app, the following UI has two textboxes and the submit button wrapped in a <form>.
When I enter the credentials and hit the submit button it goes to the next page. No problems. But instead if I enter the credentials and tap on the "Go/Submit" button on the soft keyboard, the form area disappears for awhile before navigating to the next page like in the image below.
Anyone know how to fix this?

How do you submit your form? If you're listening to (click) event on submit button, you might try to listen to form submit event:
<form (ngSubmit)="onSubmit()">

Related

Why does the popup in elementor closes after form submit?

I have a contact form in my popup using elementor pro, as soon as I click the submit button it closes the popup without me having clicked the close button. How can I prevent it from closing, as I need to see the confirmation message?enter image description here
you can set it on this https://docs.elementor.com/article/343-actions-after-submit, but since your form is popup already, I doubt you can create another popup to make some confirmation dialog

Browser redirect to previous page after entering in input fields

I have 2 pages.
Login page
Search page (after login)
On my search page, I have several input box (text, radio, checkbox ...) .
The problem is, when the cursor is at one of the input fields, and the user presses Enter, the browser send the user back to the login page.
I fixed this issue using JQuery to capture keypress event on input items. However I still don't understand why is this happening?
P/s : if you need to see my HTML code please comment. The code stays on my work computer with restricted access so I can't post it here, but I will type it here if necessary.
Place your input inside a panel and set the default button to your default control.
<asp:Panel runat="server" ID="pnlForDefault" DefaultButton="btnSearch">
<!-- your input -->
</asp:Panel>
Now why is going back - and why I show you this panel method.
1. Maybe because you all ready have this panel on your page with wrong default button.
2. The user can press enter either when its on a text box, but also at any time, but only when the focus is inside a text box can be actually redirect that enter to some control. So either you may have some other library that take action on enter, either you press enter when you are focus on go back button....
You can also read
Default button not working in asp.net panel

Submit button not working when modal is opened

I have a Foundation modal that has a contact form and a submit button. The submit button works fine when I open the modal in the navigation.
I have another form on the main page of the site in a section called 'Wedding Date Availability'. When you type for example: 05-05-2016 it will tell you it's available and a button will say "book it now'. That button also initiates the Foundation modal contact form. But submit button stops working after that...any advice?
I fixed it. There was a include('header.php') in one of my pages that was making the submit button not work. It was strange. It's working now.

Button clicks are ignored based on URL

I've one strange issue.I have one asp.net button on webpage integrate with masterpage.when I call the page using the url something like that http://www.mywebsite.com from address bar and click on button nothing is happened,it stays on same url. means it ignore the button click event.
Now if I call the page using url http://www.mywebsite.com/default.aspx and click on button then it capture the button click even and execute the code inside that button click
how can I solve this issue ?

RegularExpressionValidator firing too early

I have an ASP.NET web application that is using RegularExpressionValidator controls inside of a user control. The user control is placed inside of a panel with an ajax:modal popup. When I click the link, it will open the popup displaying the user control.
What is happening is when I click the link to open the popup, it is throwing a postback and activating the validators before the user has any opportunity to type anything into the boxes. I need to be able to click the link, open the popup, fill out the text boxes, and submit. The validators should only run when the submit button is clicked. Any ideas?
setting the validators parameters on the load in the code behind of the popupbox might fix your problem

Resources