введите одну десятичную запятую только в текстовое поле html

Question

Я нашел много ссылок на этот вопрос, но никто не ответил на проблему правильно (полностью). Как запретить пользователю разрешать только одну десятичную точку в текстовом поле. 1.3, 5.6 и т. Д. (Пользователь не может ввести два десятичных знака). А также пользователь не может копировать вставить другие недопустимые данные в текстовое поле.? Как достичь этого в javascript или jquery?

Answer 1

Вам не обязательно нужно JavaScript для этого используйте атрибут шаблона HTML5 для ввода:

<form> 
    <input type="text" required pattern="[-+]?(\d*[.])?\d+"> 
</form> 

Как только вы пытаетесь представить форму, браузер должен показать сообщение об ошибке. В старых браузерах вы можете polyfill этой несуществующей функциональности.

Answer 2

Я думаю, что вам это нужно: Formance.js GitHub: https://github.com/omarshammas/jquery.formance

Answer 3

Я знаю, что это очень поздно ответ на этот вопрос, но так как нет удовлетворительного ответа, представленного здесь, я поделюсь решением для будущих ссылок ,

вы можете добавить эту функцию в ваш файл JavaScript, который позволит только один десятичной точку в этом удельном текстовом поле:

function oneDecimalOnly(element) { 
 

 
    var charCodeEnteredEntered = (event.which) ? event.which : 
 
    (window.event.keyCode) ? window.event.keyCode : -1; 
 

 
    // '.' decimal point 
 
    if (charCodeEnteredEntered === 46) { 
 

 
    // Allow only 1 decimal point 
 
    if ((element.value) && (element.value.indexOf('.') >= 0)) 
 
     return false; 
 
    else 
 
     return true; 
 
    } 
 
    return false; 
 
}

<form> 
 
    <input type="text" name="decimal" id="decimal" onkeypress="return oneDecimalOnly(this);"> 
 
</form>

Я надеюсь, что это будет делать хорошо. Для получения дополнительной информации посетите http://www.c-sharpcorner.com/blogs/allow-only-numeric-values-and-allow-only-one-dot-in-textbox-using-javascript1, я нашел это очень полезным.