[Vuejs]-Firebase auth.$createUserWithEmailAndPassword complaining about email format

by

0👍

Got it working simply by getting the value from the email field. Hope this is useful to somebody in the future:

HTML 

<form v-on:submit.prevent>
        <div class="control">
          <input class="input" v-model="user.name" type="text" placeholder="Your Display Name">
        </div>
        <div class="control">
          <input class="input"  v-model="user.email" id="email" type="email" placeholder="joew@bloggs.com" >
        </div>
        <div class="control">
          <input id="password" v-model="user.password" class="input" type="password" placeholder="Password">
        </div>
        <div class="control">
          <input id="confirm_password" class="input" type="password"  placeholder="Retype your password" v-on:keyup="checkRetypePassword">
        </div><span id='message'></span>
        <button type="submit" class="button is-primary" v-on:click="signUp">Register</button><span> or </span><button type="submit" class="button is-primary" v-on:click="googleSignUp">Register with Google</button>
      </form>

SCRIPT:

export default {
  data: function() {
    return {
      users: usersRef,
      user: {
          name: '',
          email: '', 
      }, 
      users: [{
          name: 'John Doe',
          email: 'john.doe@gmail.com', 
          uid: "should be actual User UID",
      }], 
    };
  },
methods: {
    signUp: function() {
      firebaseApp.auth().createUserWithEmailAndPassword(email.value, password.value).then(function(user) {
                  }, function(error) {
        alert(error.message + error.code);
    });

Leave a comment