VPF::Вернуть в инпут текст - Форум программистов

sashgera

Дата 27.9.2014, 11:03 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 23.3.2014

Репутация: нет
Всего: нет

Здравствуйте
В форме, по клику в инпут - дефолтный текст удаляется:

Код


            
    $(function() {
    $("[data-placeholder]").focus(function() {
        if ( this.value == this.getAttribute( 'data-placeholder' ) ) {
            this.value = "";
            $(this).css("color","#040404");   
        }
    }).blur(function() {
        if ( this.value == "" ) {
            this.value = this.getAttribute( 'data-placeholder' );
            $(this).css("color","#858585");
        }
    }).blur();
});

<form action="<?php $sess->purl( $mm_action_url."index.php?page=shop.browse" )?>" method="post" id="searchForm" class="search_sku">
<input class="input" type="search" id="keyword" name="keyword" autocomplete="off" data-placeholder="text default" value=""/>
<input class="submit" type="button" id="searchFormButton" name="" value=""/>

также в форме есть проверка, регулярное выражение удаляет все кроме цифр:

Код


$('#searchFormButton').click(function(){$('#searchForm').submit()})
    $('#searchForm').submit(submitSearchForm)

    function submitSearchForm() {
      var str = $('#keyword').val();
        str = str.replace(/\D/g, '', ".data-placeholder");
        $('#keyword').val(str);
        if( !str || str == $('#keyword').data("placeholder") ) {
        $('#error2').animate({width:'show'}, 500); // показать div с ошибкой
            return false;
        }
       return true
    }
});

пожалуйста, помогите сделать так, чтобы после выполнения регулярного выражения, в инпут вернулся дефолтный текст
(сейчас при отправке по клику по кнопке - в инпуте пусто, при нажатии на enter - в инпуте курсор)

Game-lot

Дата 30.9.2014, 10:49 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 39
Регистрация: 8.11.2007

Репутация: нет
Всего: 2

По-моему что-то уж больно сомнительная у Вас конструкция -
str = str.replace(/\D/g, '', ".data-placeholder");

Этот ответ добавлен с нового Винграда - http://vingrad.com

baldina

Дата 30.9.2014, 11:49 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 3433
Регистрация: 5.12.2007
Где: Москва

Репутация: 2
Всего: 101

Цитата(Game-lot @ 30.9.2014, 10:49

)

больно сомнительная у Вас конструкция

чем сомнительная?

sashgera, http://jsfiddle.net/aqmbpjtz/

Код


function submitSearchForm() {
  var input=$('#keyword');
  var str = input.val().replace(/\D/g, '');
  if(str===""){
    $('#error2').animate({opacity:'1'}); // показать div с ошибкой
    input.val(input.attr("data-placeholder"));
    return false;
  }
  input.val(str);
  return true;
}

Добавлено @ 11:55
а, Game-lot, вас 3й параметр смущает. да, он лишний

Это сообщение отредактировал(а) baldina - 30.9.2014, 12:16

sashgera

Дата 30.9.2014, 15:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 23.3.2014

Репутация: нет
Всего: нет

baldina, большое спасибо!

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »