How to custom the submit function of a form

[admin]

I don’t want to post when I submit , I want to use my custom function inside  my component when I used:
<div>
<div><smart-form-control</div>
<div>        align=”right”</div>
<div>        control-type=”submit”</div>
<div>        label=”Submit”</div>
<div>        class=”primary”</div>
<div>      ></smart-form-control></div>
</div>
There is a possibility to do something like that:
<div>
<div><smart-form-control</div>
<div>        align=”right”</div>
<div>        control-type=”submit”</div>
<div>        label=”Submit”</div>
<div>
<div>
<div>        (click)=”submit()”</div>
</div>
</div>
<div>        class=”primary”</div>
<div>      ></smart-form-control></div>
</div>

[admin]

Hi yb,
If you do not define a submit button in your Form, you can manually submit it by calling form.submit();
Hope this helps.
Best regards,
Peter Stoev
Smart HTML Elements
https://www.htmlelements.com/

[admin]

I wanted to use the button of the library and specify with function to call something likee that:
<smart-form-control  align="right" control-type="button" label="Submit"  class="primary" (click)="myFunc($event)"></smart-form-control>

[admin]

Hi yb,
You can create the Form like that: https://www.htmlelements.com/angular/demos/form/template/ by using the same initialization process like in Angular Reactive Forms. Then you might not set the button’s ‘action’ property so your button will not submit the Form.
Another possible solution is to use Angular Reactive Forms directly. Our Angular components are integrated with Angular Reactive Forms and also with the Template Driven Forms so you have options here. An example of such integration is: https://www.htmlelements.com/angular/demos/dropdownlist/reactiveforms/.
Best regards,
Peter Stoev
Smart HTML Elements
https://www.htmlelements.com/

[admin]

ok thanks

[Author]

Posts