VPF::Показать div, если в input только цифры

Just123

Дата 12.9.2012, 20:04 (ссылка)

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

Загрузка ...

Шустрый

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

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

Добрый день, я в JS вообще не понимаю, но есть задача, нужно показать div, если в поле input введены только цифры.

Нашел в интернете следующий код и попытался его модифицировать

Код


<script type="text/javascript">
$(document).ready(function(){
    //Вызывается когда вводятся символы в поле с id quantity
    $("#vcode").keypress(function (e)  
    { 
      //Если символ - не цифра, ввыодится сообщение об ошибке, другие символы не пишутся, как сделать чтобы можно было писать любые символы?
      if( e.which!=8 && e.which!=0 &&  (e.which<48 || e.which>57))
      {
// Вот здесь я так понимаю, нужно вызывать функцию, которая показывает или скрывает div? 
      }    
    });
  });
</script>

Так же есть функция:

Код


<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
        function shower(elementId, type)
                {
                    if(type == "show")
                     {
                        $(".show_block"+elementId).css({'display': 'none'});
                        $(".hide_block"+elementId).css({'display': 'block'});
                        $(".content"+elementId).css({'display': 'block'});
                     }
                      else
                     {
                        $(".show_block"+elementId).css({'display': 'block'});
                        $(".hide_block"+elementId).css({'display': 'none'});
                        $(".content"+elementId).css({'display': 'none'});
                     }
                }
        
        </script>

Но она работает только когда в функцию передается тип элемента (show\hide); Как сделать, чтобы она автоматически определяла Тип?

Знаю, что здесь не принято просить готовое решение, но в силу того, что я всегда занимался исключительно бекэндом, в JS совсем не понимаю и если возможно, то я был бы премного благодарен за работающий пример, если же нет, то буду благодарен за любые советы о том, как лучше это сделать и в какую сторону вообще покупать.

В любом случаи, большое спасибо!

Amphiluke

Дата 12.9.2012, 20:36 (ссылка)

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

Загрузка ...

☽

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

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

Что-то я не понял: сообщение должно показываться только в случае, если введен символ, не являющийся цифрой, или наоборот?

Вот 2 варианта. Оставить один нужный

Код


<input type="text" id="vcode"/>
<div id="msg" style="display:none;">Error!</div>
  
<script type="text/javascript">
$(document).ready(function () {
    $("#vcode").bind("keyup input", function () {
        // Вариант 1. Это на случай, если нужно выводить ошибку при вводе не-цифр
        $("#msg").css("display", (/\D/.test(this.value)) ? "block" : "none");

        // Вариант 2. Это на случай, если нужно выводить ошибку, если в поле одни цифры
        $("#msg").css("display", (/\D/.test(this.value)) ? "none" : "block");
    });
});
</script>

Это сообщение отредактировал(а) Amphiluke - 12.9.2012, 20:37

Just123

Дата 12.9.2012, 21:27 (ссылка)

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

Загрузка ...

Шустрый

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

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

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

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