Question

I have for example: [phone] – Verizon … I want to when I select this fill in two text box. The first textbox having (111) 222-333 and in the second textbox with Verizon. Is this possbile with jquery?

Answer 1

Sounds like the job for a regular expression:

var text = "[phone] - Verizon";
var regexp = /(\(\d{3}\)\s\d{3}-\d{4}) - ([A-Za-z ]+)/;

result = regexp.exec(text);
if (result) {
    alert('Number: ' + result[1] + '\nCarrier: ' + result[2]);
}
else {
    alert('No match');
}

A bit of searching should turn up a more robust regular expressions to match phone numbers.

Also – you can use jQuery to help you move the result values around, i.e., $('#number_text_box').text(result[1]);, but the regular expression is a javascript thing, it doesn’t depend on jQuery.

---

Update: this expression adds capturing groups, ( ) around each individual part of the number.

var regexp = /\((\d{3})\)\s(\d{3})-(\d{4}) - ([A-Za-z ]+)/;

You can then glue the numbers together:

var number = result[1] + result[2] + result[3];
var carrier = result[4];

A good place to experiment is in the browser itself – in Firebug or Webkit’s console, you can run javascript like this directly to test it out.