Javascript – regex for 6 digits before and 2 digits after decimal

You could also pass the content to the pseudo element with a data attribute and then use jQuery to manipulate that:

In HTML:

<span>foo</span>

In jQuery:

$('span').hover(function(){
    $(this).attr('data-content','bar');
});

In CSS:

span:after {
    content: attr(data-content) ' any other text you may want';
}

If you want to prevent the 'other text' from showing up, you could combine this with seucolega's solution like this:

In HTML:

<span>foo</span>

In jQuery:

$('span').hover(function(){
    $(this).addClass('change').attr('data-content','bar');
});

In CSS:

span.change:after {
    content: attr(data-content) ' any other text you may want';
}

You have to use delimiters, to determine where your match starts and where it ends. And you say max length should be 10 numbers before decimal and 4 digits after decimal so your limits are incorrect too:

var patt = /^\d{1,10}(\.\d{1,4})?$/;

var patt = new RegExp(/^\d{1,10}(\.\d{1,4})?$/);

console.log( patt.test(1) );                // true
console.log( patt.test(1.1) );              // true
console.log( patt.test(11.11) );            // true
console.log( patt.test(111.111) );          // true
console.log( patt.test(1111.1111) );        // true
console.log( patt.test(1111111111.1111) );  // true

console.log( patt.test(111.11111) );        // false, because to long after decimal
console.log( patt.test(11111111111.1111) ); // false, because to long before decimal

Or as suggested here, not using RegExp and instead use a literal. There could be support issues with RegExp in some browsers. The output is the same, so better use this solution:

var patt = /^\d{1,10}(\.\d{1,4})?$/;

console.log( patt.test(1) );                // true
console.log( patt.test(1.1) );              // true
console.log( patt.test(11.11) );            // true
console.log( patt.test(111.111) );          // true
console.log( patt.test(1111.1111) );        // true
console.log( patt.test(1111111111.1111) );  // true

console.log( patt.test(111.11111) );        // false, because to long after decimal
console.log( patt.test(11111111111.1111) ); // false, because to long before decimal