Got an input type text. Whatever entered is supposed to bee a value for variable, and further on from there. Yet, i get error "Uncaught ReferenceError: emailvar is not defined" and the whole script breaks from there.

html

<input type="text" class="signfield emfield" />
<div class="submt sbmtfrm" href="#" style="cursor:pointer;">Step 2</div>

and js

$(".sbmtfrm").click(function(){
   var emailvar = $(".emfield").val();
});

Got an input type text. Whatever entered is supposed to bee a value for variable, and further on from there. Yet, i get error "Uncaught ReferenceError: emailvar is not defined" and the whole script breaks from there.

html

<input type="text" class="signfield emfield" />
<div class="submt sbmtfrm" href="#" style="cursor:pointer;">Step 2</div>

and js

$(".sbmtfrm").click(function(){
   var emailvar = $(".emfield").val();
});

• javascript
• jquery
• html

Share Improve this question Follow asked Jun 4, 2015 at 0:39 Vici AVici A 8311 silver badge66 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2

In your code, emailvar is being defined in a function closure, and only that function has access to it.

$(".sbmtfrm").click(function(){
   var emailvar = $(".emfield").val();
});

If you want to use emailvar outside of your jQuery event handler, you will need to first define it (not assign it, yet) outside the scope of the function.

(function(window, $) { // closure
    var emailvar;

    $(".sbmtfrm").click(function() {
        emailvar = $(".emfield").val();
    });

    // you now have access to `emailvar` in any function in this closure

}(window, jQuery));

You need to declare emailvar as a global variable to use it outside of that click event handler:

$(function()
{
    var emailvar;
    $(".sbmtfrm").click(function()
    {
       emailvar = $(".emfield").val();
    });
    function foo()
    {
        console.log(emailvar);
    }
}