javascript - 使用 Jquery 接受小数和负数以及退格的文本框

Question

我试图限制文本框只接受小数、整数和 -(负号)以及退格键 我尝试使用以下脚本但它不允许 - 符号

$(document).ready(function() {
  $('#MainContent_txtAmount').keypress(function(event) {
    if ((event.which != 46 || $(this).val().indexOf('.') != -1) &&
      ((event.which < 48 || event.which > 57) &&
        (event.which != 0 && event.which != 8))) {
      event.preventDefault();
    }

    var text = $(this).val();
    if ((text.indexOf('.') != -1) &&
      (text.substring(text.indexOf('.')).length > 2) &&
      (event.which != 0 && event.which != 8) &&
      ($(this)[0].selectionStart >= text.length - 2)) {
      event.preventDefault();
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="MainContent_txtAmount" type="text" />

我怎样才能接受负数。

Answer 1

这也允许使用“-”符号。添加了 && event.which != 45 。 DEMO FIDDLE

 $(document).ready(function () {
        $('#MainContent_txtAmount').keypress(function (event) {
            if ((event.which != 46 || $(this).val().indexOf('.') != -1) &&
              ((event.which < 48 || event.which > 57) &&
                (event.which != 0 && event.which != 8)) && event.which != 45) {
                event.preventDefault();
            }

            var text = $(this).val();
            if ((text.indexOf('.') != -1) &&
              (text.substring(text.indexOf('.')).length > 2) &&
              (event.which != 0 && event.which != 8) &&
              ($(this)[0].selectionStart >= text.length - 2)) {
                event.preventDefault();
            }
        });
    });