angular ionic - form submit with button that is not located within the form tags

Question

I’m using a library called floating-tabs.js which is being used to create floating navigational buttons: here’s an example of what the layout looks like

<floating-tabs>
     //this is my button
     <floating-tabs-item icon="ion-android-arrow-dropright-circle" click="goNext(data)"></floating-tabs-item>
</floating-tabs>

<ion-content>
    <form name=“formName” ng-submit="goNext(data)">
        ***form stuff
    </form>
</ion-content>

How can I submit/validate the form without having my button inside the form tags

Thanks guys

Possible duplicate of AngularJS: Call the ng-submit event outside the form — Blauharley
– Blauharley, Commented Dec 24, 2016 at 21:04

Manoj Rejinthala · Accepted Answer · 2016-12-24 11:02:20Z

here i am using simple change password form.

<form name="changepasswordform"  novalidate>                                   
  <input type="password" placeholder="New Password" class="reset-inputs"  name="newpassword" ng-keyup="compare()"  ng-model="changePassword.newpassword" maxlength="10"  required/> 
  <span style="color:red" ng-show="submitted && changepasswordform.newpassword.$error.required">Required</span>
 </form>
 <button type="button" class="reset-submit" ng-click="changepassword(changepasswordform.$valid,changePassword)">Change Password</button>

it consist button out side the form

and please use the script in your controller

$scope.submitted = false;
$scope.changepassword = function(formValidStatus, formdata) {
if (!formValidStatus) {
    $scope.submitted = true;
} else {
    $scope.submitted = false;
}
}

in the script i am checking form is valid or not if form is not valid i am showing error messages by using submitted variable from script.

This works for me

Collectives™ on Stack Overflow

angular ionic - form submit with button that is not located within the form tags

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related