angularjs - How to refresh the form to its previous non data state once the data has been submitted -

-

i having form scenario user select 1 form multiple forms , starts fill it. after filling when he/she clicks on submit button data posted server , server after successful operation returns status ok showing user pop user confirmation. when user clicks on ok button on pop up, want show user, same form again fill. form need refreshed. how done angularjs. developing app in cordova ionic framework , has angularjs in it.

my form div this:

        <form name="fieldform" method="post" ng-submit="submitformdata($event, htmlvalue)">         <div class="bootstrap" ng-bind-html="htmlvalue.html | unsafe">          ......form html.......          </div>         <div class="padding">             <button  class="button button-block button-calm">                 submit             </button>         </div>     </form>

my controller looks this:

                var formid = html.id;                 var url = base_url+"put/putformfilledrawdata.php";                 var data = $(obj.target).serialize();                     $http.post(url, data).                     success(function(data, status, headers, config) {                         if(data.alert == 'success'){                             var mypopup = $ionicpopup.show({                                 title: 'confirmation',                                 subtitle: 'your data has been submitted successfully',                                 scope: $scope,                                 buttons: [                                     {                                         text: '<b>ok</b>',                                         type: 'button-calm',                                         ontap: function(e) {                                             $(this).hide();                                         }                                     },                                 ]                             });                         }else{                             var mypopup = $ionicpopup.show({                                 title: 'error report',                                 subtitle: 'unknown error has been occurred',                                 scope: $scope,                                 buttons: [                                     {                                         text: '<b>ok</b>',                                         type: 'button-calm',                                         ontap: function(e) {                                             $(this).hide();                                         }                                     },                                 ]                             });                         }

what need reset form. can use reset function via plain javascript this

document.getelementbyid("form_id").reset();

or using jquery this

$('#form_id').trigger("reset");

you can call function in close pop function of modal.


Comments

Post a Comment

Popular posts from this blog

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

-
i'm running nodejs 0.12.3 - gulp 3.10.8 , gulp-nodemon 2.0.3. gulpfile.js : gulp.task('serve', ['build'], function() { gulp.start('fb-flo'); nodemon({ script: paths.server, env: { 'node_env': 'development' }, // env: { 'node_env': 'production' }, execmap: { 'js': 'node_modules/babel/bin/babel-node --stage 1' //es7 cote server }, delay: '0ms', watch: ['src/shared/', 'src/server/'], ignore: ['src/shared/components'], tasks: function (changedfiles) { var tasks = []; changedfiles.foreach(function (file) { if (path.extname(file) === '.jsx' && !~tasks.indexof('bundlejs')) tasks.push('bundlejs'); if (path.extname(file) === '.less' && !~tasks.indexof('compileless')) tasks.push('compileless'); }); return tasks; } ...
Read more

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -

-
i trying make simple python program opening list of webpages user manually download reports site. don't have previous experience preparing exe files.. , i'm in learning process python coding. of done on windows 7 x64 this python code: #!c:/python34/python.exe -u splinter import * import time import os import csv #---------------------------------- raporty = [] open('../raporty.csv', newline='') csvfile: contents = csv.reader(csvfile, delimiter=' ', quotechar='|') row in contents: r = ', '.join(row) r = r.replace(',','') raporty.append(r) #--not implemented yet zmienne = [] open('../zmienne.csv', newline='') csvfile: contents = csv.reader(csvfile, delimiter=' ', quotechar='|') row in contents: r = ', '.join(row) r = r.replace(',','') zmienne.append(r) print("start") browser = browser(...
Read more

javascript - oscilloscope of speaker input stops rendering after a few seconds -

-
the following script reads audio user's microphone , renders oscilloscope on html canvas. the source taken example of mozilla developer network: visualizations web audio api and here fiddle: http://jsfiddle.net/b7j8pktp/ mozgetusermedia (note: code has no fork mechanism different browsers: works firefox) it works fine few seconds , stops rendering. whereas works totally stable: http://mdn.github.io/voice-change-o-matic/ the problem can reduced following code. microphone activation icon (next the address bar in firefox) disappears after 5 seconds: navigator.mozgetusermedia({audio: true}, function() {}, function() {} ); ( http://jsfiddle.net/b7j8pktp/2/ ) this known bug in firefox. take stream getusermedia call , hook window so: navigator.mozgetusermedia({audio: true}, function(stream) { window.stream = stream; // rest of code }, function err() { // handle error }); hopefully can fixed soon. problem we're f...
Read more