Проблема с получением значения текстового поля

[zalza]

Здравствуйте. На главной странице есть текстовое поле, кнопка и скрипт onClick'a этой кнопки, который вызывает на обработку php скрипт, находящийся в файле tasks.php, который в свою очередь должен добавлять в бд строку, в одно из полей которой должен попасть текст из текстового поля на этой странице.
Кнопка и поле:

 <input type="search" placeholder="Start typing here to create a task..." name="TextField1 "id="TextField1" tabindex="1"
                style="height:29px; width:528px; background-color:#FFF;"/>
<input type="image" src="AddTaskButton.png" name="AddTask" id="AddTask" style="height:28px; width:104px;"/>

JavaScript:

                <script type="text/javascript">
                    $(document).ready(function()
                    {
                        $('#AddTask').click(function()
                        {
                            $.ajax(
                            {
                                url: "tasks.php",  
                                cache: false,
                                success: function(html)
                                {
                                    alert(html);
                                    return;                                    
                                }
                            });
                        });
                    });
                </script>

tasks.php:

PHP код:

<?
    session_start();
    if (empty($_SESSION['login']) or empty($_SESSION['id']))
    {
        echo ("You must login firs");
    }
    else
    {
        if(isset($_POST['TextField1']))
        {
            $name = $_POST['TextField1']
            $login = $_SESSION['login'];
            include('connect.php');
            $result = mysql_query("SELECT * FROM users WHERE login='$login'",$db);
            $myrow = mysql_fetch_array($result);
            $user_id = $myrow['id'];
            mysql_query("INSERT INTO tasks (tasks.name, tasks.user_id) VALUES ('$name', '$user_id')");
        }
        else
        {
            echo ("The field is empty");
        }
    }
?>

Проблема в том, что на вход всегда приходит пустая строка

PHP код:

        if(isset($_POST['TextField1']))
        {
            $name = $_POST['TextField1'] 


не зависимо от того, был ли введен текст в поле. Видно это по тому, что в бд добавляется запись с пустым полем 'name'. Из-за чего может быть такое?

[ADSoft]

так ничего ж не передаете в обработчике JS на JQuery
насколько мне известно нужно указывать тип метода POST если им передаете... опять же нужно знать - откуда его брать, а у вас - не указано откуда

[ADSoft]

                <script type="text/javascript">
                    $(document).ready(function()
                    {
                        $('#AddTask').click(function()
                        {
                            var s = $(this).attr("value");
                            var dataString = 'TextField1='+ s ;
                            $.ajax(
                            {
                                url: "tasks.php",
                                type: "POST",  
                                cache: false,
                                data: dataString,
                                success: function(html)
                                {
                                    alert(html);
                                    return;                                    
                                }
                            });
                        });
                    });
                </script>

[zalza]

Всеравно не работает.

[ADSoft]

я не проверял .. дал пищу к размышлению.... подумайте немного

 var s = $(this).attr("value");

тут вот явно не this ... а конкр #ид надо использовать .... гугл и яндекс вам в помощь

[zalza]

Вот, что нашел на jquerybook.ru:
attr ( name ) - получает значение атрибута
Селектор #id -Выбирает элемент с указанным идентификатором (атрибутом id).
Ну по идее должно быть так

PHP код:

var s = $("#TextField1").attr("value"); 


Но всеравно не работает.

[masax]

попробуй
$("#TextField1")[0].value

если через jQuery, то используют
$(...).val()

$(this) в данном контексте внутри функции тоже норм работает

[Andkorol]

name="TextField1 "id="TextField1"

name="TextField1" id="TextField1"

PHP код:

var s = $("#TextField1").val(); 


PS:

Сообщение от masax

$(this) в данном контексте внутри функции тоже норм работает

Ага, только ссылается не на тот элемент – на кнопку, а не на текстовое поле.

[zalza]

Все предложеные выше варианты работают, но всегда передается пустая строка.

[zalza]

Сообщение от Andkorol

PHP код:

var s = $("#TextField1").val(); 


Да, в конце имени есть пробел, сам только увидел когда Вы написали, но все же, я обращаюсь к элементу с выбраным id а не name. Если не прав, поправте.