Search jQuery

jQuery Forum

Using jQuery

bennetonss

Prompt "Name" entered in Form?

in Using jQuery • 7 years ago

It's from a java script lesson i'm learning in codecademy.

It works in console.log when i define the var name="";

I would like to incorporate it into a simple form with a field name and a Submit button.

But I'm just not getting the prompt/alert with the name i put in the form.

So here is the HTML markup:

<form>

<div>

enterName

</div>

</form>

And the script:

$(document).ready(function() {

var greeting=function(name){

var name=$('#enterName').text();

console.log('Great to see you,' + '' + name);

};

greeting();

$('#Result').text(name);

$('#submit_this').click(function(){

greeting();

prompt('Great to see you,' + '' + name);

});

</script>

Replies(2)

coldfusio..

Re: Prompt "Name" entered in Form?

7 years ago

Try this code:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Effects - addClass demo</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
</head>
<body>
<form>
<div>Your name:</div>
<input name="enterName" id="enterName" type="text">
<div style="margin-top:10px;" class="submit">
<input value="submit" id="submit_this" type="button">
</div>
</form>
<br>
<div id="result"></div>
<script>
$(document).ready(function() {
    var greeting = function(name) {
            var name = $('#enterName').val();
            name = 'Great to see you,' + ' ' + name;
            console.log('Great to see you,' + '' + name);
            $('#result').text(name);
        };

    $('#submit_this').click(function() {
        greeting();
        //prompt('Great to see you,' + '' + name);
    });
});
</script>
</body>
</html>

Jim

Response title

Attachments

jQuery Forum

Prompt "Name" entered in Form?

Replies(2)

Re: Prompt "Name" entered in Form?

Re: Prompt "Name" entered in Form?

Statistics

Tags

Actions