check if text exists in text box jquery

Question

how to check if the text exists in text box jquery

I need to check if the text exists in the input box,if checking text is not exist thend append new data

I have tried with below code

    $(document).ready(function(){
       $("#item_inv_desc").change(function(){
            var item_inv_desc = $('select[name=item_inv_desc]').val();
            if (item_inv_desc == 7) 
            {

                var invoice_number = "123456789";
                //I need check if text "CRN" exists in text box
                var data=$('#invoice_number:contains("CRN")')
                if(data)
                {
                     //if text "CRN" exist no need to append data 
                }
                else
                {
                     //if not exist
                     $("#invoice_number").val(invoice_number+"CRN");
                }
            }
       }); 
    })

    //Html
    <input type="text" id="invoice_number"  value="">

I am having problem when try to insert append value it adds extra CRN number to invoice number,I need to avoid duplicating,

Try show us the corresponding HTML code, second off, look into indexOf() — Carsten Løvbo Andersen
– Carsten Løvbo Andersen, Commented May 3, 2018 at 7:08
Edit this var data=$('#invoice_numbe:contains("CRN")') to var data=$('#invoice_number:contains("CRN")') — Sachi Tekina
– Sachi Tekina, Commented May 3, 2018 at 7:09

31piy · Accepted Answer · 2018-05-03 07:19:39Z

1

Try includes() with the val() of the text box:

var data = $('#invoice_number').val().includes("CRN")

or, for older browsers, use indexOf():

var data = $('#invoice_number').val().indexOf("CRN") !== -1

Working Demo:

$(document).ready(function() {
  $("#invoice_number").change(function() {
    var invoice_number = "123456789";
    var data = $('#invoice_number').val().includes("CRN");

    if (data) {
    } else {
      $("#invoice_number").val(invoice_number + "CRN");
    }
  });
})

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

edited May 3, 2018 at 7:19

answered May 3, 2018 at 7:09

31piy

23.9k6 gold badges51 silver badges69 bronze badges

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

3 Comments

user8758118 Over a year ago

Sir, actually I have to find text "CRN" from the number like 123456789CRN, Input box value will be like 123456789CRN

Ankit Agarwal Over a year ago

@ManjunathCa you should be using replace check my answer

31piy Over a year ago

@ManjunathCa -- see my updated answer. Try adding some value to the input which contains/doesn't contain CRN and observe the behaviour.

Ankit Agarwal · Accepted Answer · 2018-05-03 07:17:33Z

0

You can use regex to remove all the digits and get the text only from the value of the input text. If you want that on button click then add that block of code inside the click function:

var data = $('#invoice_number').val();
var res = data.replace(/[0-9]/g, '');
console.log(res);

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

answered May 3, 2018 at 7:17

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Comments

Vivek Gupta · Accepted Answer · 2018-05-03 07:26:13Z

0

@Manjunath var data=$('#invoice_numbe:contains("CRN")')

"r" is missing when you are checking below var data=$('#invoice_numbe:contains("CRN")')

and use

var data=$('#invoice_number').val().indexOf("CRN");
        if(data>-1){
            // donot add CRN
        }

edited May 3, 2018 at 7:26

answered May 3, 2018 at 7:10

Vivek Gupta

1,0455 silver badges7 bronze badges

1 Comment

Vivek Gupta Over a year ago

@ManjunathCa add ; at the last to close the statement

Collectives™ on Stack Overflow

check if text exists in text box jquery

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related