Styjun

Is there a writing software that you can sort scenes like slides in PowerPoint?

How to split my screen on my Macbook Air?

Did the UK government pay "millions and millions of dollars" to try to snag Julian Assange?

Wall plug outlet change

How to copy the contents of all files with a certain name into a new file?

Can a novice safely splice in wire to lengthen 5V charging cable?

Mortgage adviser recommends a longer term than necessary combined with overpayments

Are my PIs rude or am I just being too sensitive?

How can I protect witches in combat who wear limited clothing?

How are presidential pardons supposed to be used?

Difference between "generating set" and free product?

Is every episode of "Where are my Pants?" identical?

How do you keep chess fun when your opponent constantly beats you?

What was the last x86 CPU that did not have the x87 floating-point unit built in?

University's motivation for having tenure-track positions

Didn't get enough time to take a Coding Test - what to do now?

How is simplicity better than precision and clarity in prose?

Is it ethical to upload a automatically generated paper to a non peer-reviewed site as part of a larger research?

Semisimplicity of the category of coherent sheaves?

Did the new image of black hole confirm the general theory of relativity?

What is special about square numbers here?

Why did all the guest students take carriages to the Yule Ball?

How do I add random spotting to the same face in cycles?

How to politely respond to generic emails requesting a PhD/job in my lab? Without wasting too much time

Submit in Angular form

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I am working on Angular 7 forms. I made a whole form with all fields and just added a simple button at the end of this form and now I am wondering how the click on this button is firing the submit action. I have not even set the attribute type="submit" for this button. I have

(ngSubmit)="onSubmit(employeeForm)" 

at the top of my form. Can someone make me understand how any random button is firing this submit functionality.
Thanks already.

P.S. I am using Material Design controls in this form.

angular forms events form-submit

share|improve this question

edited Mar 22 at 6:42

Vishesh Pandita

asked Mar 22 at 6:39

Vishesh PanditaVishesh Pandita

64

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  If you can give us some more code (like a Minimal, Complete, and Verifiable example ), it would be a lot easier to help you. E.g. showing your exact HTML for the button would also be helpful. Thanks!
  
  – Moritz Lüdtke
  Mar 22 at 6:53
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  submit is just a form event, which can be fired using a button with type="submit" inside the form element. This functionality is simply provided by HTML, it's not Angular specific.
  
  – Tushar Walzade
  Mar 22 at 6:58
  
  

  
  
  
  

add a comment | 

0

I am working on Angular 7 forms. I made a whole form with all fields and just added a simple button at the end of this form and now I am wondering how the click on this button is firing the submit action. I have not even set the attribute type="submit" for this button. I have

(ngSubmit)="onSubmit(employeeForm)" 

at the top of my form. Can someone make me understand how any random button is firing this submit functionality.
Thanks already.

P.S. I am using Material Design controls in this form.

angular forms events form-submit

share|improve this question

edited Mar 22 at 6:42

Vishesh Pandita

asked Mar 22 at 6:39

Vishesh PanditaVishesh Pandita

64

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  If you can give us some more code (like a Minimal, Complete, and Verifiable example ), it would be a lot easier to help you. E.g. showing your exact HTML for the button would also be helpful. Thanks!
  
  – Moritz Lüdtke
  Mar 22 at 6:53
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  submit is just a form event, which can be fired using a button with type="submit" inside the form element. This functionality is simply provided by HTML, it's not Angular specific.
  
  – Tushar Walzade
  Mar 22 at 6:58
  
  

  
  
  
  

add a comment | 

I am working on Angular 7 forms. I made a whole form with all fields and just added a simple button at the end of this form and now I am wondering how the click on this button is firing the submit action. I have not even set the attribute type="submit" for this button. I have

(ngSubmit)="onSubmit(employeeForm)" 

at the top of my form. Can someone make me understand how any random button is firing this submit functionality.
Thanks already.

P.S. I am using Material Design controls in this form.

angular forms events form-submit

share|improve this question

edited Mar 22 at 6:42

Vishesh Pandita

asked Mar 22 at 6:39

Vishesh PanditaVishesh Pandita

64

(ngSubmit)="onSubmit(employeeForm)" 

angular forms events form-submit

angular forms events form-submit

share|improve this question

edited Mar 22 at 6:42

Vishesh Pandita

asked Mar 22 at 6:39

Vishesh PanditaVishesh Pandita

64

share|improve this question

edited Mar 22 at 6:42

Vishesh Pandita

asked Mar 22 at 6:39

Vishesh PanditaVishesh Pandita

64

asked Mar 22 at 6:39

Vishesh PanditaVishesh Pandita

64

asked Mar 22 at 6:39

Vishesh PanditaVishesh Pandita

64

2 Answers
2

active

oldest

votes

3

button in html has two types - submit and button. If you have a form and inside it a button which type is submit, clicking it will force the form to submit. So if you don't want to submit, you need to change the type of your button to button.

<button mat-button class="btn btn-primary btn-sm" type="button">Save and Next</button>

share|improve this answer

answered Mar 22 at 6:41

Suren SrapyanSuren Srapyan

44.8k55667

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  So, by default a button inside a form is of submit type. Thanks @Suren for this simple and easy to understand answer.
  
  – Vishesh Pandita
  Mar 22 at 7:25
  

  
  
  
  

add a comment | 

0

For most browsers by default type of button is submit

suppose you have create button like <button name="Save">Save</button> its by default type is submit.

so that's why you are able to fire submit event within form tag

In IE8 Standards mode, the default value is submit. In other compatibility modes and earlier versions of Windows Internet Explorer, the default value is button.

share|improve this answer

answered Mar 22 at 7:29

bhagwat tupebhagwat tupe

411214

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55294153%2fsubmit-in-angular-form%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

3

button in html has two types - submit and button. If you have a form and inside it a button which type is submit, clicking it will force the form to submit. So if you don't want to submit, you need to change the type of your button to button.

<button mat-button class="btn btn-primary btn-sm" type="button">Save and Next</button>

share|improve this answer

answered Mar 22 at 6:41

Suren SrapyanSuren Srapyan

44.8k55667

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  So, by default a button inside a form is of submit type. Thanks @Suren for this simple and easy to understand answer.
  
  – Vishesh Pandita
  Mar 22 at 7:25
  

  
  
  
  

add a comment | 

3

button in html has two types - submit and button. If you have a form and inside it a button which type is submit, clicking it will force the form to submit. So if you don't want to submit, you need to change the type of your button to button.

<button mat-button class="btn btn-primary btn-sm" type="button">Save and Next</button>

share|improve this answer

answered Mar 22 at 6:41

Suren SrapyanSuren Srapyan

44.8k55667

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  So, by default a button inside a form is of submit type. Thanks @Suren for this simple and easy to understand answer.
  
  – Vishesh Pandita
  Mar 22 at 7:25
  

  
  
  
  

add a comment | 

button in html has two types - submit and button. If you have a form and inside it a button which type is submit, clicking it will force the form to submit. So if you don't want to submit, you need to change the type of your button to button.

<button mat-button class="btn btn-primary btn-sm" type="button">Save and Next</button>

share|improve this answer

answered Mar 22 at 6:41

Suren SrapyanSuren Srapyan

44.8k55667

<button mat-button class="btn btn-primary btn-sm" type="button">Save and Next</button>

share|improve this answer

answered Mar 22 at 6:41

Suren SrapyanSuren Srapyan

44.8k55667

answered Mar 22 at 6:41

Suren SrapyanSuren Srapyan

44.8k55667

answered Mar 22 at 6:41

Suren SrapyanSuren Srapyan

44.8k55667

0

For most browsers by default type of button is submit

suppose you have create button like <button name="Save">Save</button> its by default type is submit.

so that's why you are able to fire submit event within form tag

In IE8 Standards mode, the default value is submit. In other compatibility modes and earlier versions of Windows Internet Explorer, the default value is button.

share|improve this answer

answered Mar 22 at 7:29

bhagwat tupebhagwat tupe

411214

add a comment | 

0

For most browsers by default type of button is submit

suppose you have create button like <button name="Save">Save</button> its by default type is submit.

so that's why you are able to fire submit event within form tag

In IE8 Standards mode, the default value is submit. In other compatibility modes and earlier versions of Windows Internet Explorer, the default value is button.

share|improve this answer

answered Mar 22 at 7:29

bhagwat tupebhagwat tupe

411214

add a comment | 

For most browsers by default type of button is submit

suppose you have create button like <button name="Save">Save</button> its by default type is submit.

so that's why you are able to fire submit event within form tag

In IE8 Standards mode, the default value is submit. In other compatibility modes and earlier versions of Windows Internet Explorer, the default value is button.

share|improve this answer

answered Mar 22 at 7:29

bhagwat tupebhagwat tupe

411214

share|improve this answer

answered Mar 22 at 7:29

bhagwat tupebhagwat tupe

411214

answered Mar 22 at 7:29

bhagwat tupebhagwat tupe

411214

answered Mar 22 at 7:29

bhagwat tupebhagwat tupe

411214