Listview from a submit button. How to? - html

I have a textbox and a submit button, and when I click on submit button it should create a table with the inserted items. How can I do that?

Related

How to change the default click event behavior of inputs in AngularJS?

Using AngularJS and i have a radio box which retrieves the list from Database on selected.
<input type="radio" id="activeMeetingRadio" class="form-check-input mt-0 p-3" ng-model="my.model" value="Active" ng-change="call to backend">
Once i select this radio my list is fetched and radio seems clicked, now after submit the forms,i sets the form as pristine and reset the checked value of radio to blank like below which makes the radio as unchecked.
my.model='';
but the issue is, even if i click the radio again, no event gets fired until i click another radio and then click back to this radio. Seems like a default bahaviour of AngularJS form controls. Is there any way i can make this radio fire event?
I was able to resolve this by setting the value in controller scope and then reset it using my.model='' will reset the value.

Calling validation event of ngNativeValidate on button click

I am trying to call validation event of ngNativeValidate on button click. You can find stackblitz at https://stackblitz.com/edit/angular-v5kuwk?file=src%2Fapp%2Fapp.component.ts
https://angular-v5kuwk.stackblitz.io/
In the stackblitz, "Test" button do not validate min and max value of input text number but submit button does.
How I can resolve this?

Combining GetResponse "Submit" and "Next" buttons

I have a three step sign up form to get people on my GetResponse list.
These three tabs are:
The first tab has a question on how you heard about us, with a "Next" button to take you to the second tab.
The second tab has my GetResponse Form where the user will enter their email address and click on the GetResponse "submit" button to be added to my list. They will then click on the "Next" button to be taken to...
The third tab which has an offer.
Here's the code for my GetResponse Form:
<script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=cghU&webforms_id=3519704"></script>
Here's the code for the "Next" button which takes you to the next tab:
<tr><td><button class="btn" type="button" onclick="return toggleStep(2)"><span >Next</span></button></td></tr>
What I would like to do is combine this "Submit" button with the "Next" button. In other words, the user provides their email address and clicks on only the "Next" button (without the need to click on the "Submit" button of the GetResponse form). Clicking on this "Next" button will automatically add these people to my GetResponse list and take them to the third tab.
I've tried a number of JavaScript and other "tricks" but nothing seems to work. Is this possible? If so, could you provide me with the code?
Thanks

Alternative for nested forms

I need nested forms. I know that they are not allowed in HTML, so I decided to set several submit buttons for one opened form.
In my controller I need to check which of the submit buttons is pressed. How can I do that?
I'm trying to give buttons names like this:
<input class="btn btn-primary" name="editAction" type="submit" value="Save"></button>
Then in my controller I check them like this:
if ($this->input->post('editAction'))
But it doesn't work.
If you are bound to have several submit buttons in your form, then you can do 2 things :
1) Convert submit buttons into normal buttons and submit form using ajax. This will solve your problem.
2) Convert submit buttons into normal buttons and maintain a hidden field on your form and onClick event of all buttons, just put the id of the button in that hidden field as a value, and then using jQuery, submit your form and then in your controller, check your hidden field value and then process the form.
if ($this->input->post('hidden_field_name'))

Submit button that has 3 submit buttons as droplist

ill be needing your help again. I'm trying to make a drop-list with the use of a submit button. for example, i have a submit button which has a value = CAR
then if i clicked the submit button CARthe other 2 submit button display under the submit button of CAR.
see this link i hope this will help for you jsfiddle.net/2KEVg/2/