Get form data using javascript

Question

I'm trying to save the data of fields in simple vars. I only need the input values

<input type="text" id="login_email" class="large" name="login_email" value="">

<input type="submit" name="submit.x" value="Entrar" class="btn large">

How can I get data of login_email box and save it into a var?

Edit: The problem: the elementid "login_email" is static. I need some that when the user types the text the code captures it and save it into a var.

If it's a form, jQuery has `$('form').serialize()` that gets everything for you ready to be sent — adeneo, May 01 '15 at 20:16

lxe · Answer 1 · 2015-05-01T20:30:11.333

1

You can use the value property and the change event of HTMLInputElement:

var loginEl = document.getElementById('login_email');
var loginEmail;

loginEl.onchange = function emailChanged() {
    loginEmail = loginEl.value;
}

edited May 01 '15 at 20:30

answered May 01 '15 at 20:14

lxe

6,661
2
19
31

The problem: the elementid "login_email" is static. I need some that when the user types the text the code captures it and save it into a var. – Enrique García May 01 '15 at 20:15
Sorry for my bad english :S – Enrique García May 01 '15 at 20:15
1

@EnriqueGarcía - you should update your post with that information – wahwahwah May 01 '15 at 20:16

wahwahwah · Accepted Answer · 2015-05-01T20:34:42.087

0

In order to capture what's being entered in an input, with jQuery, you can bind to the .keyup() event and save the value to a variable in the global / higher scope (eg outside of the event, or document.ready()):

Example:

var email;
$('#login_email').keyup(function(e) {
  email = $(this).val();
  $('#results').html(email);
});

#results {
  margin-top: 15px;
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="login_email" />

<span id="results"></span>

edited May 01 '15 at 20:34

answered May 01 '15 at 20:22

wahwahwah

3,123
1
19
37

It can work but, how can I save the var when the user leaves the box ??? – Enrique García May 01 '15 at 20:32
The `var email` in the above instance still contains whatever was written in the input (even after the input loses focus) – wahwahwah May 01 '15 at 20:35

Get form data using javascript

2 Answers2