Как сделать проверку на инпут если длина больше 2 добавлять ( / ) если нет убирать или ничего не делать

244
04 октября 2018, 16:40

Есть инпут 

<div class="ui-expire-date half right date">
                      <input required id="date" type="tel"  onfocus="this.placeholder = ''" onblur="this.placeholder = 'MM/YY'" class="onlyNum" name="DateTo" prev="CardNumber" tabindex="3" placeholder="MM/YY" autocomplete="off" maxlength="5">
                    </div>
введите сюда код

как сделать что бы после первых 2 чисел подставлялся ( / )?

Делаю вот так не работает 

    function addSlesh(){
  var inputSlash = $('#date');
  console.log(inputSlash);
  if(inputSlash.val().length > 2){
    inputSlash.val() = '/';
  }
Answer 1

var input=document.getElementById("input"); 
input.addEventListener("keyup",addSlash); 
 
function addSlash() { 
  var str=input.value; 
  if(str.length>2 && str[2]!="/") { 
    input.value=str.substr(0,2)+"/"+str.substr(2) 
  } 
}
<input id="input" type="text">

READ ALSO
Почему таймер на останавливается?
javascript

Почему таймер на останавливается?

В компоненте хочу реализовать таймер, по истечении которого надо сделать запросПошуршал по гугглу и стеку примеры таймеров, прикрутил свое

 255
Как создать круглый эффект огня при наведении
javascript

Как создать круглый эффект огня при наведении

Наткнулся на сайте Хоббита на такой прелестный эффект, который я обычно встречал в играх

 261
циклы с функциями
javascript

циклы с функциями

у меня есть две функции getDep() и getRate(), и проверка(цикл), где getRate() не должен превышать getDep(), в общем do срабатывает два раза при вводе большего...

 243
Как передать бинарный файл Java Servlet -&gt; html (js)
javascript

Как передать бинарный файл Java Servlet -> html (js)

С сервлета на клиент необходимо отправить торрент-файлВ JS не силён

 244