Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   input type="number" Запретить ввод нулей (https://javascript.ru/forum/css-html/81785-input-type%3D-number-zapretit-vvod-nulejj.html)

fori 29.01.2021 20:04

input type="number" Запретить ввод нулей
 
Здраствуйте, в input type="number" можно ввести например 001, скажите пожалуйста как сделать так чтоб можно было ввести только 0 или 1 или 2... Тоесть сделать так чтоб пользователь не смог ввести 001

рони 29.01.2021 21:08

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>

fori 29.01.2021 22:06

Спасибо большое, позвольте пожалуйста вопрос, как я могу вывести неразрывной пробел в 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>

рони 29.01.2021 22:51

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>


Часовой пояс GMT +3, время: 17:37.