Format date while typing 1

Schultjeff · Mar 24, 2003

I am moving a windows forms app to an ASP.net app. In the windows forms app, if the user is typing into a textbox that accepts dates, the textbox automatically includes the ":" (colon) when the user gets to the third space. Can this be done in an ASP.net program? I am assuming that I will have to use Javascript to accomplish the feat.

Jeff

EdwardMartinIII · Mar 24, 2003

JavaScript is a handy way to format all kinds of things on-the-fly.

Exactly what sort of validation do you need?

Cheers,
[monkey]

Edward

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door

Schultjeff · Mar 24, 2003

Javascript is my problem. I know little to none. It is funny how the ASP.net marketing says that you do not need it, but thier controls are very limited without.

I need a colon inserted into the third space in a text box after the user types the first two digits of a time. Then the user should be able to continue typing into the forth space. Using windows forms (vb) I would use a combination on Sellength and Selposition to accomplish this.

Schultjeff · Mar 25, 2003

No ideas?

EdwardMartinIII · Mar 25, 2003

Are you validating time or a date? I'm presuming a time. But it doesn't matter.

So, first, save this as "Sample.js":

Code:

function ValidateTime(Argument)
  {
    if((Argument.length == 2)||(Argument.length == 5))
      { Argument=Argument+&quot;:&quot; }
    if(Argument.length == 8)
      { Argument=Argument+&quot;.&quot;; }
    return Argument;
  }

Then save this as "Sample.html":

Code:

<!DOCTYPE html 
     PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;
     &quot;[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>[/URL]

<html xmlns=&quot;[URL unfurl="true"]http://www.w3.org/1999/xhtml&quot;[/URL] xml:lang=&quot;en&quot; lang=&quot;en&quot;>
  <head>
    <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;></meta>
    <script src=&quot;Sample.js&quot; type=&quot;text/javascript&quot;></script>
    <title>JavaScript Sample</title>
  </head>
  <body>
    <form name=&quot;Scootchy&quot;>
      <p>Input a time: <input type=&quot;text&quot; name=&quot;VarName&quot; id=&quot;VarName&quot; value=&quot;&quot; onkeyup=&quot;document.Scootchy.VarName.value=ValidateTime(document.Scootchy.VarName.value);return true;&quot;></input></p>
    </form>
  </body>
</html>

And run "Sample.html" in your browser. This just does a dumb-cut at the hours, minutes, seconds, and decimal seconds. Go ahead, start typing numbers into the text box.

Izzat what you're looking for?

Cheers,
[monkey]

Edward

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door

Schultjeff · Mar 25, 2003

It is more that what I needed. It is perfect!

I feel that I owe you my first born child. Where should I mail him?

Thanks

Jeff

EdwardMartinIII · Mar 26, 2003

Glad it worked for you! No need for kids, though. Well, actually, there are a few chores around the house. How old is he? [lol]

Cheers,

Edward

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Format date while typing 1

Schultjeff

Technical User

EdwardMartinIII

Technical User

Schultjeff

Technical User

Schultjeff

Technical User

EdwardMartinIII

Technical User

Schultjeff

Technical User

EdwardMartinIII

Technical User

Similar threads

Part and Inventory Search

Sponsor