Как узнать чем заполнена форма изначально?

Question

[Андрей ??????]

Всем привет.

Суть:имеется столбец который разделен на две части, на верхнюю и нижнею. В верхней находиться форма которая при написании в нее текста делает динамический поиск с помощью ajax и результат выводит блоки в нижнюю часть.Когда в форме нечего не написано она выводит все что есть в БД.
Проблема: когда впервый раз заходишь на сайт в нижней части столбца нечего не показывается, а если вформу что-то написать, а потом стереть, то все показывается как и задумывалась.
Вопрос:В чем ошибка? что я неправильно сделал или реализовал?

форма имеет вид:

<form class="head11" action="PHP/search.php" method="post" name="form" onsubmit="return false;">
            <input name="search" type="text" id="search">
        </form>

Javascript:

$(function() {
    $("#search").keyup(function(){
        var search = $("#search").val();
      var  len=search.toString().length;

        if (len==null || len==0) {
                   $.ajax({
                    type: "POST",
                    url: "PHP/first.php",
                    cache: false,                       
                    success: function(response){
                        $("#resSearch").html(response);}
                });
                }
                else{
                    $.ajax({
                    type: "POST",
                    url: "PHP/search.php",
                    data: {"search": search},
                    cache: false,                       
                    success: function(response){
                        $("#resSearch").html(response);}
                });
                }//else кончается
                return false; 
                     
    });
});

Answer 1

[1alexandr]

Лучше писать вот так element.on('keyup', callback)
Вынеси свою функцию в переменную и вызывай её.

$(function() {
    var func = function(){
        var search = $("#search").val();
      var  len=search.toString().length;

        if (len==null || len==0) {
                   $.ajax({
                    type: "POST",
                    url: "PHP/first.php",
                    cache: false,                       
                    success: function(response){
                        $("#resSearch").html(response);}
                });
                }
                else{
                    $.ajax({
                    type: "POST",
                    url: "PHP/search.php",
                    data: {"search": search},
                    cache: false,                       
                    success: function(response){
                        $("#resSearch").html(response);}
                });
                }//else кончается
                return false; 
                     
    };

   func();

    $("#search").on('keyup', func);
});

Comments

[Андрей ??????]

если честно, у низкий уровень javascript(тем более jquery)
могли бы вы расписать по подробнее

[1alexandr]

я готовый код написал, вам надо скопировать его и вставить вместо старого

[1alexandr]

единственное что поменялось в коде, это то что я вынес функцию которую вы вызываете при событии keyup, чтобы вызвать её сразу.
почитайте про события jquery.page2page.ru/index.php5/On и про функции в javascript javascript.ru/Function

[Андрей ??????]

спасибо большое!
я понял, в чем был недочет)
(2 дня мучился)