Ad:

ASP.NET Discussion Thread
Unsolved
Views: 10684

Oct 8th, 2009

JavaScript Validation on Textbox

Expand Post »

Hi

I use Visual 08 ASP.NET C# and JavaScript

I would like to do the following validation on a text box

the length MUST be 12 characters long in the following format

LLLLLLNNNNNN

Where

L = Letters
N = Numbers

if the users input does not match the required format i want the textbox's backcolor to go red , but if the users input matches the required format i want the textbox's text to go green.

I have absolutely no idea how to do this in Javascript so any help would be appreciated.

Thanks in advance.

Regards.

Last edited by cVz; Oct 8th, 2009 at 5:02 am.

Similar Threads

javascript validation code without alert box in JavaScript / DHTML / AJAX
Javascript Validation in JavaScript / DHTML / AJAX
Really Stuck - ASP/Javascript Form Validation in ASP
Javascript - Validation in JavaScript / DHTML / AJAX
Javascript Input Mask / Validation in JavaScript / DHTML / AJAX

cVz

Reputation Points: 29

Solved Threads: 7

Junior Poster

Offline

139 posts
since Mar 2008

Permalink

Oct 8th, 2009

Re: JavaScript Validation on Textbox

I have a solution for the first problem for you . ie., checking out if length is 12 characters long.
Say if u have a txt box labeled "txtuserid" and a label to display error "lblError"

u can use the following function in java script to check the length and display error if the length is less than 12.

ASP.NET Syntax (Toggle Plain Text)
<head>
<script language="javascript" type="text/javascript">
 
function validateElements()
 {
 var username=document.getElementById('txtuserid').value;
 
 if(username.length<12)
 {
 document.getElementById('lblError').innerText="Userid Less than 12 characters";
 return false;
}
}
</script>
</head>
<head>
<script language="javascript" type="text/javascript">
 
function validateElements()
 {
 var username=document.getElementById('txtuserid').value;

 if(username.length<12)
 {
 document.getElementById('lblError').innerText="Userid Less than 12 characters";
 return false;
}
}
</script>
</head>

for the next requirement of yours ie., for checking if it is 6 letters followed by 6 numbers, i suggest that u can use the regular expression validator control and get the text box validated.

cheers,
saradha

saradha

Reputation Points: 10

Solved Threads: 2

Newbie Poster

Offline

11 posts
since Jun 2009

Permalink

Oct 13th, 2009

solution for u r problem

hi saradha add this code to regularexpression ' \w{6}\d{6}' and it will work if not send message

suryasasidhar

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

10 posts
since Sep 2009

Permalink

Oct 13th, 2009

Re: JavaScript Validation on Textbox

Check if this helps:

ASP.NET Syntax (Toggle Plain Text)
JS:
<script type="text/javascript" language="javascript">
        function validate(sender,args) {
            args.IsValid = false;
            var tb = document.getElementById('txtInput');
            if (args.Value.match(/^\w{6}\d{6}$/)) {
                args.IsValid = true
                tb.style.backgroundColor = "white";
                tb.style.color="green";
            }
            else {
                tb.style.backgroundColor = "red";
            } 
      }
    </script>
Markup:
<asp:TextBox ID="txtInput" runat="server"></asp:TextBox>       
        <asp:Button ID="btnSubmit" runat="server" Text="Button" />
        <asp:CustomValidator ID="CustomValidator1" 
        ControlToValidate="txtInput"
        runat="server" ErrorMessage="*"
        ClientValidationFunction="validate">
        </asp:CustomValidator>
JS:
<script type="text/javascript" language="javascript">
        function validate(sender,args) {
            args.IsValid = false;
            var tb = document.getElementById('txtInput');
            if (args.Value.match(/^\w{6}\d{6}$/)) {
                args.IsValid = true
                tb.style.backgroundColor = "white";
                tb.style.color="green";
            }
            else {
                tb.style.backgroundColor = "red";
            } 
      }
    </script>
Markup:
<asp:TextBox ID="txtInput" runat="server"></asp:TextBox>       
        <asp:Button ID="btnSubmit" runat="server" Text="Button" />
        <asp:CustomValidator ID="CustomValidator1" 
        ControlToValidate="txtInput"
        runat="server" ErrorMessage="*"
        ClientValidationFunction="validate">
        </asp:CustomValidator>

guru_sarkar

Reputation Points: 12

Solved Threads: 8

Junior Poster in Training

Offline

68 posts
since Jul 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in ASP.NET Forum Timeline: Microsoft Server & What Programming IDE for developing ASP.Net Sites can I install?

Next Thread in ASP.NET Forum Timeline: Summary validation problem

DaniWeb Message

Cancel Changes

User Name
Password