form input type text jQuery

Question

I do not know why I cannot get access to the input text when the code does not have any error.

<form action="#">
                <table width="80%" align="center">

                    <tr>
                        <td>Write your name</td>
                        <td><input type="text" name="yourName" placeholder="Name" /></td>

                        <td><input type="button" value="Submit" id="sendName"/></td>
                    </tr>
                </table>

            </form>
            <p />
            <div id="nameResult"></div>

and the js (jQuery):

$(document).ready(function(){

    $('#sendName').click(function(){
            $(document).ready(function(){

                var tag = $('#yourName').val();

                $('<p>Name ' + tag + '</p>').appendTo('#nameResult');

            });
    }); 

})

The output is always undefined. I do not know what I am doing wrong.

you had not defined id for you input but trying to access the value using id i.e. #yourName in JS script — Chandan Sharma
– Chandan Sharma, Commented Apr 18, 2015 at 22:29
Why on earth are you calling $(document).ready inside the click event? — Sverri M. Olsen
– Sverri M. Olsen, Commented Apr 18, 2015 at 22:29
Put the listener on the form's submit handler as the form can be submitted without clicking the button. — RobG
– RobG, Commented Apr 18, 2015 at 22:33

renakre · Accepted Answer · 2015-04-18 22:31:17Z

1

You are calling nameas if it is an id using #.

Change this

<input type="text" name="yourName" placeholder="Name" />

to this, in which the input control has an id defined:

<input type="text" id="yourName" name="yourName" placeholder="Name" />

If you prefer to stick to name and do not want to define an id, then you can do this as well:

var tag = $('input[name="yourName"]').val();

edited Apr 18, 2015 at 22:31

answered Apr 18, 2015 at 22:26

renakre

8,3318 gold badges55 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

renakre Over a year ago

@user6527926 please see the update, you can also just use this var tag = $('input[name="yourName"]').val(); in your jquery

user6527926 Over a year ago

I will no worries, I have to wait 10 mins to do it... :) Thanks again

Collectives™ on Stack Overflow

form input type text jQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related