Password Validation in Frontend

[ethanfebs]

Make sure that the users' input for "password" and "repeat password" match in frontend without needing to submit.

[amulya]

I have a suggestion, we'll test tomorrow
if (password != passwordRepeat) { alert("Passwords do not match"); console.error( "An error occured while making the request: Passwords do not match" ); }

[amulya]

`import Axios from "axios";
import React from "react";

handleSubmit = event => {
  event.preventDefault();

  const email = {
    email: this.state.email
  };

  const password = {
    password: this.state.password
  };

  const passwordRepeat = {
    passwordReact: this.state.passwordRepeat
  };

  if (password != passwordRepeat) {
    alert("Passwords do not match");
    console.error(
      "An error occured while making the request: Passwords do not match"
    );
  } else {
    Axios.post(`/signup`, { email, password })
      .then(res => {
        console.log(email);
        console.log(password);
        // check status code

        // if successful re-route to profile
        if (res.data.statusCode === 200) {
          // *** remember to set status code in backend ***
          this.props.history.push({
            pathname: "/profile",
            state: { data: parsedData }
          });
        } else {
          // if not successful, return alert
          alert("Validation error occurred. " + response.data.body);
          console.log("Error " + res.data.statusCode);
        }
      })
      .catch(err => {
        console.error("An error occured while making the request");
      });
  }
};`