jQuery Ограничение набора определенных чисел во входе Bootstrap

Question

jQuery Ограничение набора определенных чисел во входе Bootstrap

0

Хорошо, я сделал ошибку и вслепую скопировал и наклеил "фрагмент кода", который должен был запретить пользователю вводить НИЧЕГО НЕВОЗМОЖНОГО, кроме числа, в поле ввода Bootstrap.

Вслепую это, я действительно не понимал, как он должен работать. Теперь мне нужно разрешить десятичную точку, "." быть напечатанным и я не знаю, что мне нужно изменить.

Может ли кто-нибудь объяснить фрагмент ниже или предоставить ресурс?

$('#elementXPosition,#elementYPosition,#elementWidth,#elementHeight').keypress(function(e) {
    var a = [];
    var k = e.which;

    for (i = 48; i < 58; i++)
        a.push(i);

    if (!(a.indexOf(k)>=0))
        e.preventDefault();

});

Nicholas Kyriakides 23 фев. 2014, в 11:00

Источник

0

@Satpal он даже хочет разрешить .(dot) будет написано в текстовом поле, и повторяющийся вопрос, который вы предлагаете, отличается.
Bhavik 23 фев. 2014, в 10:17
0

@Bhavik, я отказался от закрытого голосования. Однако материала достаточно в наличии
Satpal 23 фев. 2014, в 10:21
0

Вы можете использовать это как альтернативный и эффективный способ решения того, что вы ищете.
Bhavik 23 фев. 2014, в 10:29
0

@ Satpal Там может быть. Я просто не поняла
Nik Kyriakides 23 фев. 2014, в 11:28

Показать ещё 2 комментария

Теги:

jquery

key-bindings

1 ответ

Ещё вопросы

@Satpal он даже хочет разрешить .(dot) будет написано в текстовом поле, и повторяющийся вопрос, который вы предлагаете, отличается.
@Bhavik, я отказался от закрытого голосования. Однако материала достаточно в наличии
Вы можете использовать это как альтернативный и эффективный способ решения того, что вы ищете.
@ Satpal Там может быть. Я просто не поняла

Bhavik · Accepted Answer · 2014-02-23T09-37-00.000Z

Вот решение, которое я могу создать для вас
Есть два возможных решения, и я бы предпочел использовать функцию pattern HTML.

**HTML**  
<input type="text" id="elementXPosition" pattern="[0-9.]+" title="Please enter decimal numbers only" placeholder="Using pattern" />
<input type="text" id="elementYPosition" placeholder="Using jQuery" />  

**jQuery**  
$(document).ready(function () {
    $("#elementYPosition").keydown(function (e) {
        /*To check if shift key was pressed*/
        if (e.shiftKey == true) {
            e.preventDefault();
        }
        /*Allows some keys to be pressed*/
        if ((e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105) || e.keyCode == 8 || e.keyCode == 9 || e.keyCode == 37 || e.keyCode == 39 || e.keyCode == 46 || e.keyCode == 190) {} else {
            e.preventDefault();
        }
        /*This will allow the '.' to be pressed only once*/
        if ($(this).val().indexOf('.') !== -1 && e.keyCode == 190) e.preventDefault();

    });
});

Также здесь приведен список кодов клавиш, которые могут потребоваться для редактирования кода в соответствии с вашим желанием.
Надеюсь, это поможет.