Javascript написать справа текст

235
27 апреля 2017, 13:22

Помогите,как изменить console.log на другой чтобы текст появился с права input-а.

Код:

function myFunc(){ 
    var name = document.getElementById('name'); 
 
    if (name.value.length < 4) { 
        console.log("Пишите больше 3 символов"); //изменить console.log() 
    }else if(!/^[a-zA-Z]+$/.test(name.value)){ 
        console.log("пишите только Буквы"); //изменить console.log() 
    }  
};
<input type="text" name="name" id="name" placeholder="Name"> 
<button type="button" onclick="myFunc()">Submit</button>

Answer 1

function myFunc() { 
  var name = document.getElementById('name') 
    , message = ''; 
  if (name.value.length < 4) { 
    message = 'Пишите больше 3-х символов.'; 
  } 
  else if (!/^[a-zA-Z]+$/.test(name.value)) { 
    message = 'Пишите только буквы.'; 
  } 
  document.getElementById('message').innerHTML = message; 
};
#message { 
  color: #f33; 
  padding-left: 1em; 
}
<input type="text" name="name" id="name" placeholder="Name"><span id="message"></span> 
<br/><br/> 
<button type="button" onclick="myFunc()">Submit</button>

READ ALSO
Как сделать независимый скролл в блоке с абсолютным позиционированием?
HTML

Как сделать независимый скролл в блоке с абсолютным позиционированием?

Есть aside c position: absoluteВ нём список ul>li*12

 295
Ломается слайдер (Slick + Tabs)
HTML

Ломается слайдер (Slick + Tabs)

Подскажите, что я не так делаю?

 315
Настройка репостов с сайта в соц сети
HTML

Настройка репостов с сайта в соц сети

Каким образом можно настроить картинку для репоста в соц сеть? Нужно сделать так что бы все репосты имели одну и ту же картинку, отличную от логотипа,...

 231
Как создать страничку с заголовками и кратким описанием новостей?
HTML

Как создать страничку с заголовками и кратким описанием новостей?

 271