GithubHelp home page GithubHelp logo

Comments (3)

warnero avatar warnero commented on May 18, 2024

Ah, finally figured it out. Needed to do this instead:
`rc['forms.inviteForm'].needsAttention(forms.inviteForm.email)
and this works :). Might be good to add this to docs or allow first form somehow.

from angularjs-utilities.

warnero avatar warnero commented on May 18, 2024

Hmm, and back to the beginning apparently. What I'm trying to do is to reuse the form after submission. Immediately after submission I call $setPristine() on the form which works, but the form fields still show that there are validation errors even though they haven't been touched yet.

Any help is greatly appreciated.

from angularjs-utilities.

robertbarfield avatar robertbarfield commented on May 18, 2024

I found a fix that worked for me.

For Submit : I modified the following function to reset the form on submit completion:

this.setSubmitComplete = function (success, data) {
angular.forEach(submitCompleteHandlers, function (handler) {
handler({ 'success': success, 'data': data });
});
formController.$setPristine();
this.attempted = false;
};


For Cancel : I added the following function right above the this.needsAttention function:

this.reset = function() {
formController.$setPristine();
this.attempted = false;
};


Then : I added the rc.form to my cancel function in the HTML view

< button class="btn" id="btnCancel" type="button" ng-click="cancelForm(rc.my_info_form)" >
Cancel
</ button >


Last : I called the directives reset function from my cancel function

$scope.cancelForm = function (form) {
if(form){
form.reset();
}
}


Hope this helps anyone in the same situation.

Thanks,
RGB

from angularjs-utilities.

Related Issues (16)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.