asp.net text box text format validation using JavaScript

Question

I have one requirement,user should enter text in asp.net text box only 'X-XXXX' format.user can enter text or numbers but should be this format. Can any one suggest JavaScript validation function

why dont you go with ajax tools maskededit extender??

Amarnath Balasubramanian
– Amarnath Balasubramanian

2013-12-24 09:21:09 +00:00
Commented Dec 24, 2013 at 9:21 — Amarnath Balasubramanian
– Amarnath Balasubramanian, Commented Dec 24, 2013 at 9:21

thalisk · Accepted Answer · 2013-12-24 09:57:47Z

2

Assuming you have this HTML:

 <input id="foo"><span id='validationMessage'></span>

This javascript does the job:

var input = document.getElementById('foo');
var spanMessage = document.getElementById('validationMessage');
input.addEventListener('blur', function () {
    if (!input.value.match(/[a-z0-9]-[a-z0-9]{4}/i)) {
        if (spanMessage.firstChild) {                                                                                                                                                                                         
            spanMessage.removeChild(spanMessage.firstChild);
        }
        spanMessage.appendChild( document.createTextNode("Invalid input; must be X-XXXX"));
    } else {
        spanMessage.removeChild(spanMessage.firstChild);
    }
}, false);

edited Dec 24, 2013 at 9:57

answered Dec 24, 2013 at 9:50

thalisk

7,8436 gold badges44 silver badges55 bronze badges

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

Collectives™ on Stack Overflow

asp.net text box text format validation using JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related