Important forum update

This forum is migrating to one unified Wix community forum starting July 26th, and will be read-only during the process.

Members

To test this feature, visit your live site.

Daniel Matley

Apr 24, 2021

Edited: Apr 24, 2021

Submitting form with pre-filled values

in Coding with Velo

I've made a simple form where the user fills in a form, but the Email is pre-filled by the $w code before. When I Publish the website I can see the email address has been filled in, however the value doesn't get submitted to the Collection.

If I remove the code "$w("#email").value = userEmail;" and just fill in the field manually, it works fine, but that's now how I need the site to be. Can anyone understand why pre-filled inputs aren't working?

    user.getEmail()
        .then( (email) => {
            let userEmail = email;
            $w("#email").value = userEmail;
    } );

2 answers1 reply

3 Comments

Daniel Matley

Apr 24, 2021

Thanks for the steer Shan. If I need to use the wixData.insert() function and provide an object with all the variables from my input fields, how do I provide the email address?

Using the example code in my initial post, I can't seem to use the variable userEmail outside of the then().

Shan

Apr 24, 2021

•

Replying to

Just put the code under the page's onReady function

import wixUsers from 'wix-users';

$w.onReady(function(){
    let user = wixUsers.currentUser;
    user.getEmail()
    .then( (email) => {
        let userEmail = email;
        // rest of code
        $w("#email").value = userEmail;
    });
});

Then pick up the value from this input element when submitting

let toSubmit = {
	email: $w("#email").value
};
wixData.insert("databaseId", toSubmit);

Shan

Apr 24, 2021

•

In your use case you need to use the Wix Data insert() API to insert the data into the database.

How can we make the product better?

Wishlist Page is the official platform for requesting new features. You can vote, comment, and track the status of the requested features.