Stopping people from writing in text box 2

[fischadler]

I have a text box with a calendar icon beside it so people can choose a date from the pop up calendar and the date goes into this text box. However, some people insist on typing in the date in the text box and type it incorrectly (ie. Febuary instead of February). How do I stop them from typing into the text box and hence forcing them to use the calendar. I tried disabling the textbox but then the calendar stops working too.
Can I just get the text box to just ignore keystrokes without disabling it?

-Fischadler

 

[BabyJeffy]

How about you set the textbox to be of type hidden? It won't show on the page, but it will still be there for the calendar control. If you wanted to show the user the date that they have chosen, then you could modify the calendar control to set the value into a <span> as well as populating the value of the textbox (which would be hidden).

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[cLFlaVA]

Jeff's is the best method, however you may also want to consider

<input type="text" name="t1" readonly="readonly" />

or

<input type="text" name="t1" onfocus="this.blur();" />

*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[fischadler]

Thank you both!

Wishing you a Merry Christmas and a prosperous New Year to you and your families.

-Fischadler

 

[cLFlaVA]

you too bud...

thanks for the [purple]christmas gift[/purple]!



*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[fischadler]

Actually I used your suggestion because it was the easiest, but I should try the other one too, at least to learn more about how the calendar works (I got the calendar source from Planet Source Code!).

The easy way leads to the Dark Side....LOL!

-Fischadler

 

[cLFlaVA]

also, if you use the "readonly" method it may not work in all browsers, and if you use the second (javascript) method it won't work for anyone who has disabled javascript (roughly 10% of users according to one survey).



*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[fischadler]

Yes I noticed that. And highlighting the text and pressing the back space key triggers the submit button (on both IE and FireFox) when using the readonly option.

-Fischadler

 

[cLFlaVA]

? that doesn't sound right...



*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[cLFlaVA]

the backspace button is usually another method of clicking the back button in your browser.



*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[fischadler]

Oh. I see. I must have made some confusion because the site I am working on loads itself when submit is clicked. Since I had refreshed, the back space was doing the same effect.

Good to know though.

-Fischadler