AngularJS multi-step form global validation
Relating to this question AngularJS multi-step form validation about each step validation form in a multi-step form I have a question.
Is it possible with the same config than the related question (I show you here to better understanding) to perform global validation in the last question?
This is my config:
<form id="myForm" name="myForm" ng-submit="processForm()" novalidate>
<div id="myFormQuestion" ui-view class="my-form">
</div>
</form>
Each invidivual question:
<fieldset ng-form="myQuestion1">
<input type="text" name="myAttribute" required>
<input type="text" name="myAttribute2" required>
<button ng-disabled="!myQuestion1.$valid" ng-click="$ctrl.nextQuestion">Next</button>
</fieldset>
I would like to do in the last question... myForm.$valid and validate if the answers of all the questions (inputs) are valid.
Is it possible to do so or maybe is there any possibility to do in a different way?
angularjs forms
asked Nov 12 '18 at 17:08
mannukmannuk
65451432
add a comment |
Relating to this question AngularJS multi-step form validation about each step validation form in a multi-step form I have a question.
Is it possible with the same config than the related question (I show you here to better understanding) to perform global validation in the last question?
This is my config:
<form id="myForm" name="myForm" ng-submit="processForm()" novalidate>
<div id="myFormQuestion" ui-view class="my-form">
</div>
</form>
Each invidivual question:
<fieldset ng-form="myQuestion1">
<input type="text" name="myAttribute" required>
<input type="text" name="myAttribute2" required>
<button ng-disabled="!myQuestion1.$valid" ng-click="$ctrl.nextQuestion">Next</button>
</fieldset>
I would like to do in the last question... myForm.$valid and validate if the answers of all the questions (inputs) are valid.
Is it possible to do so or maybe is there any possibility to do in a different way?
angularjs forms
asked Nov 12 '18 at 17:08
mannukmannuk
65451432
Not possible because there only one form html present in the last step which is only for last step only. Also next step button will only enable if you provide some sort of value in input so last step will eventually have all the steps valid.
– Ghazanfar Khan
Nov 12 '18 at 19:57
any possibility of doing a global validation in a cleaner way?
– mannuk
Nov 13 '18 at 8:21
You have to use ng-include or hide/show div forms for that but not possible with ui-view. Either you save the form state in localstorage or save in array or something.
– Ghazanfar Khan
Nov 13 '18 at 12:00
add a comment |
Relating to this question AngularJS multi-step form validation about each step validation form in a multi-step form I have a question.
Is it possible with the same config than the related question (I show you here to better understanding) to perform global validation in the last question?
This is my config:
<form id="myForm" name="myForm" ng-submit="processForm()" novalidate>
<div id="myFormQuestion" ui-view class="my-form">
</div>
</form>
Each invidivual question:
<fieldset ng-form="myQuestion1">
<input type="text" name="myAttribute" required>
<input type="text" name="myAttribute2" required>
<button ng-disabled="!myQuestion1.$valid" ng-click="$ctrl.nextQuestion">Next</button>
</fieldset>
I would like to do in the last question... myForm.$valid and validate if the answers of all the questions (inputs) are valid.
Is it possible to do so or maybe is there any possibility to do in a different way?
angularjs forms
asked Nov 12 '18 at 17:08
mannukmannuk
65451432
Relating to this question AngularJS multi-step form validation about each step validation form in a multi-step form I have a question.
Is it possible with the same config than the related question (I show you here to better understanding) to perform global validation in the last question?
This is my config:
<form id="myForm" name="myForm" ng-submit="processForm()" novalidate>
<div id="myFormQuestion" ui-view class="my-form">
</div>
</form>
Each invidivual question:
<fieldset ng-form="myQuestion1">
<input type="text" name="myAttribute" required>
<input type="text" name="myAttribute2" required>
<button ng-disabled="!myQuestion1.$valid" ng-click="$ctrl.nextQuestion">Next</button>
</fieldset>
I would like to do in the last question... myForm.$valid and validate if the answers of all the questions (inputs) are valid.
Is it possible to do so or maybe is there any possibility to do in a different way?
angularjs forms
angularjs forms
asked Nov 12 '18 at 17:08
mannukmannuk
65451432
asked Nov 12 '18 at 17:08
mannukmannuk
65451432
asked Nov 12 '18 at 17:08
mannukmannuk
65451432
asked Nov 12 '18 at 17:08
mannukmannuk
65451432
asked Nov 12 '18 at 17:08
mannukmannuk
65451432
65451432
Not possible because there only one form html present in the last step which is only for last step only. Also next step button will only enable if you provide some sort of value in input so last step will eventually have all the steps valid.
– Ghazanfar Khan
Nov 12 '18 at 19:57
any possibility of doing a global validation in a cleaner way?
– mannuk
Nov 13 '18 at 8:21
You have to use ng-include or hide/show div forms for that but not possible with ui-view. Either you save the form state in localstorage or save in array or something.
– Ghazanfar Khan
Nov 13 '18 at 12:00
add a comment |
Not possible because there only one form html present in the last step which is only for last step only. Also next step button will only enable if you provide some sort of value in input so last step will eventually have all the steps valid.
– Ghazanfar Khan
Nov 12 '18 at 19:57
any possibility of doing a global validation in a cleaner way?
– mannuk
Nov 13 '18 at 8:21
You have to use ng-include or hide/show div forms for that but not possible with ui-view. Either you save the form state in localstorage or save in array or something.
– Ghazanfar Khan
Nov 13 '18 at 12:00
Not possible because there only one form html present in the last step which is only for last step only. Also next step button will only enable if you provide some sort of value in input so last step will eventually have all the steps valid.
– Ghazanfar Khan
Nov 12 '18 at 19:57
Not possible because there only one form html present in the last step which is only for last step only. Also next step button will only enable if you provide some sort of value in input so last step will eventually have all the steps valid.
– Ghazanfar Khan
Nov 12 '18 at 19:57
any possibility of doing a global validation in a cleaner way?
– mannuk
Nov 13 '18 at 8:21
any possibility of doing a global validation in a cleaner way?
– mannuk
Nov 13 '18 at 8:21
You have to use ng-include or hide/show div forms for that but not possible with ui-view. Either you save the form state in localstorage or save in array or something.
– Ghazanfar Khan
Nov 13 '18 at 12:00
You have to use ng-include or hide/show div forms for that but not possible with ui-view. Either you save the form state in localstorage or save in array or something.
– Ghazanfar Khan
Nov 13 '18 at 12:00
add a comment |
0
active
oldest
votes
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
);
);
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
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53266950%2fangularjs-multi-step-form-global-validation%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53266950%2fangularjs-multi-step-form-global-validation%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
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
Required, but never shown
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
Required, but never shown
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
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Not possible because there only one form html present in the last step which is only for last step only. Also next step button will only enable if you provide some sort of value in input so last step will eventually have all the steps valid.
– Ghazanfar Khan
Nov 12 '18 at 19:57
any possibility of doing a global validation in a cleaner way?
– mannuk
Nov 13 '18 at 8:21
You have to use ng-include or hide/show div forms for that but not possible with ui-view. Either you save the form state in localstorage or save in array or something.
– Ghazanfar Khan
Nov 13 '18 at 12:00