javascript - Create pop-up thank you message on form submit -

-

i added e-mail sign-up form landing page , works fine (using firebase back-end btw). however, i'd either redirect "thankyou.html" page or have pop-up thank message appear upon submit.

how can make work? know pretty easy, i'm novice.

here's code i'm using. included script in html:

`<script> var signupform = document.getelementbyid('signup-form'); var signupsuccess = document.getelementbyid('signup-success'); var signuperror = document.getelementbyid('signup-error'); var signupbtn = document.getelementbyid('signup-button'); var onsignupcomplete = function(error) {   signupbtn.disabled = false;   if (error) {     signuperror.innerhtml = 'sorry. not signup.';   } else {     signupsuccess.innerhtml = 'thanks signing up!';     // hide form     signupform.style.display = 'none';   } }; function signup(formobj) {     // store emails firebase     var myfirebaseref = new      firebase("https://crowdfluttr.firebaseio.com/signups");     myfirebaseref.push({       email: formobj.email.value,     }, onsignupcomplete);     signupbtn.disabled = true;     return false; }

`

also in html:

<div class="signup"> <p id="signup-success" class="text-success" role="alert"></p> <p id="signup-error" class="text-danger"></p> <form class="signup-form form-inline" id="signup-form" role="form" onsubmit="return signup(this)">     <input class="form-control" style="width:250px" name="email" type="email" placeholder="your email goes here!" required>     <button class="btn btn-info" id="signup-button" type="submit" >request access</button> </form>

any appreciated!

you redirect user 

window.location.replace("thankyou.html");

your code this:

function signup(formobj) {   // store emails firebase   var myfirebaseref = new firebase("https://crowdfluttr.firebaseio.com/signups");     myfirebaseref.push({     email: formobj.email.value,   }, onsignupcomplete);   signupbtn.disabled = true;   // redirect user thank page   window.location.replace("thankyou.html");   return false; }

Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

gradle error "Cannot convert the provided notation to a File or URI" -

-
i have defined 2 system properties in gradle.properties: systemprop.builddir=build systemprop.cfgdir=build\\cfg and have following task defined in build.gradle: task clean(group:'clean',description:'clean project') << { ant.sequential { delete(dir: system.properties.builddir) mkdir(dir: system.properties.builddir) delete(dir: system.properties.cfgdir) mkdir(dir: system.properties.cfgdir) } } this generates following error: execution failed task ':clean'. > cannot convert provided notation file or uri: {dir=build}. following types/formats supported: - string or charsequence path, e.g 'src/main/java' or '/usr/include' - string or charsequence uri, e.g 'file:/usr/include' - file instance. - uri or url instance. but equivalent block of code not generate error , works expected: task clean(group:'clean',description:'clean project') << { ...
Read more

ios - Possible to get UIButton sizeThatFits to work? -

-
i have been using method of resizing uibuttons depreciated, , not robust. , other reasons, want sizethatfits work uibuttons. i've read online, i'm not sure if should work (seems working some, not others, difference maybe between style, i'm using custom). here simple test code recreate issue (i put in viewdidload test, shouldn't matter, , real code part of large project): uibutton *btn = [uibutton buttonwithtype:uibuttontypecustom]; [btn settitle:@"this test long title need word wrap more single line when displayed on tiny ipod in portrait view." forstate:uicontrolstatenormal]; btn.titlelabel.linebreakmode = uilinebreakmodewordwrap; // depreciated - nothing replace it? cgrect r = btn.frame; r.origin.x = 0; r.origin.y = 0; r.size.width = 320; r.size.height = [btn.titlelabel.text sizewithfont:btn.titlelabel.font constrainedtosize:cgsizemake(r.size.width,100000) linebreakmode:btn.titlelabel.linebreakmode].height; // returns approx 86 , changes correctly ...
Read more