Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Показать div, если в input только цифры

Автор: Just123 12.9.2012, 20:04

Добрый день, я в 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

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

Вот 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>

Автор: Just123 12.9.2012, 21:27

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