Regex on an input textbox is not working in javascript

Question

I want to implement a regex functionality which is, A user can add only one decimal point in a textbox which I mention in my code. I tried like below but it is not working.

NOTE The regex is proper, its tried and tested

$(function () {
    $('input').on('#txtFiberActlength', function () {
        match = (/(\d{0,2})[^.]*((?:\.\d{0,4})?)/g).exec(this.value.replace(/[^\d.]/g, ''));
        this.value = match[1] + match[2];
    });
});

Death-is-the-real-truth · Accepted Answer · 2018-01-12 11:09:37Z

4

You forget to add event-handler inside your code,do like below:-

$(function () {
    $(document).on('keyup','#txtFiberActlength', function () {
        match = (/(\d{0,2})[^.]*((?:\.\d{0,4})?)/g).exec(this.value.replace(/[^\d.]/g, ''));
        this.value = match[1] + match[2];
    });
});

Sample example:-

$(function () {
  $(document).on('keyup','#txtFiberActlength, #txt2FiberActlength', function () {
      match = (/(\d{0,2})[^.]*((?:\.\d{0,4})?)/g).exec(this.value.replace(/[^\d.]/g, ''));
      this.value = match[1] + match[2];
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" id="txtFiberActlength">

<input type="text" id="txt2FiberActlength">

edited Jan 12, 2018 at 11:09

answered Jan 12, 2018 at 11:07

Death-is-the-real-truth

72.3k10 gold badges59 silver badges105 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

HEEN Over a year ago

ohh, my mistake.. can I also add mulitple id's here like this '#txtFiberActlength', '','', ...... ?

HEEN Over a year ago

its not working on my side.. i am able to add multiple . this is my textbox. <input type="text" class="text-center" id="txtFiberActlength" onkeypress="return isNumberKey(event)" />

Death-is-the-real-truth Over a year ago

@VVVV you already have onkeypress on your input text-box that's why it's not working.Remove that and check

Collectives™ on Stack Overflow

Regex on an input textbox is not working in javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related