Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.01.2021, 20:04
Кандидат Javascript-наук
Отправить личное сообщение для fori Посмотреть профиль Найти все сообщения от fori
 
Регистрация: 27.01.2021
Сообщений: 117

input type="number" Запретить ввод нулей
Здраствуйте, в input type="number" можно ввести например 001, скажите пожалуйста как сделать так чтоб можно было ввести только 0 или 1 или 2... Тоесть сделать так чтоб пользователь не смог ввести 001
Ответить с цитированием
  #2 (permalink)  
Старый 29.01.2021, 21:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

fori,
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<div id="vue">
<input type="number" @keydown="tonum" @keyup="tonum" min="0">
</div>
<script>
    var vue = new Vue({
  el: '#vue',
  data: {
  },
  methods: {
    tonum(event) {
     if(/^0$/.test(event.target.value) && event.keyCode == 48) event.preventDefault();
     if(/^0\d+/.test(event.target.value)) event.target.value = +event.target.value;
     if([187, 189,69].includes(event.keyCode))  event.preventDefault();
    }
  }
})
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 29.01.2021, 22:06
Кандидат Javascript-наук
Отправить личное сообщение для fori Посмотреть профиль Найти все сообщения от fori
 
Регистрация: 27.01.2021
Сообщений: 117

Спасибо большое, позвольте пожалуйста вопрос, как я могу вывести неразрывной пробел в input vue.js
К примеру обычный js выводит, а vue нет
<input type="text" value="123&nbsp;123">
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<input id = "vue" type="text" value="123&nbsp;123">
<script>
    var vue = new Vue({
  el: '#vue',
  data: {
  },
  methods: {
  }
})
</script>
Ответить с цитированием
  #4 (permalink)  
Старый 29.01.2021, 22:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

fori,
<input type="text" value="123&nbsp;123">
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<input id = "vue" type="text" v-model="message">
<script>
        var vue = new Vue({
    el: '#vue',
    data: { message : "123\xa0123"
    },
    methods: {
    }
})
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ввод текста в определенное место input Artur_Hopf Общие вопросы Javascript 8 01.10.2018 11:29
Ввод в input с кнопки Artur_Hopf Общие вопросы Javascript 4 24.07.2018 13:13
Ввод в input с кнопки Artur_Hopf Общие вопросы Javascript 14 05.04.2018 15:37
Как запретить ввод текста в input snizhok Элементы интерфейса 41 07.11.2016 13:11
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27