Interactive rating component solution using jQuery

Community feedback

• 

  T

  Gwenaël Magnenat•1,290

  @gmagnenatPosted over 2 years ago

  Hello, congrats on completing the challlenge ! To avoid redirection to another page when submitting the form you can add in your submit function something to prevent the default behavior of the form. In your function, pass the event and add : event.preventDefault();

  example :

  const handleForm = (e) => {
  e.preventDefault();
  // rest of your form function
  }
  

  I hope it helps.

  Marked as helpful

  1

  ---

  

  Greta Li•170

  @GretaLiPosted over 2 years ago

  @gmagnenat Hello, thank you for your nice reply! It works! :D

  Thought e.preventDefault() can be only applied to a tag. (( I was wrong.))

  Now I'm thinking if the form's value will send to back-end, cuz I noticed from URL that didn't add "/?rating=5" after submit.

  Trying to figure out~

  0

  

  T

  Gwenaël Magnenat•1,290

  @gmagnenatPosted over 2 years ago

  @GretaLi Welcome :) happy it works.

  Regarding backend, it all depend how you want to handle this. In a single page application (in javaScript), you'll probably have an api call in your submit function that will write the data to your backend. You don't need specifically the /?rating=5 value in your url. You already got that data that you are using on your thankyou state.

  Marked as helpful

  0

  

  Greta Li•170

  @GretaLiPosted over 2 years ago

  @gmagnenat Ahh! I get the idea. Thank you! I appreciate your help very much. :) Have a nice day~

  0