How to Restrict the user to enter any data into TextBox when that TextBox is used as Datepicker by using JQuery

Question

0.00/5 (No votes)

See more:

Hi all,

In my web application i am using TextBox as Datepicker by JQuery.Whenever that Textbox gets focus a Calender is popig up and It`s working fine but the problem is while Textbox having focus if i enter numbers 0 to 9 and simble "/" Textbox is accepting this not other simbles and characters.

I want to restrict entering any type of data into that textbox including numbers 0 to 9 and simble "/" also.

Please anybody help me to achive this one.

Thanks in advance

Posted 31-Oct-11 1:24am

udaysimha

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Anuja Pawar Indore · Accepted Answer · 2011-10-31T02:55:00

Solution 2

set

XML

<asp:TextBox ID="txtDate" Width="245px" runat="server" CssClass="input2" onclick="Showcalander1(event)"></asp:TextBox>&nbsp<img
                                        src="images/icon_calander.gif" id="imgdate" runat="server" onclick="Showcalander1(event)"
                                        style="display: inline" />

and from code behing on page load set this

C#

txtDate.Attributes.Add("readonly", "readonly");

Posted 31-Oct-11 2:55am

Anuja Pawar Indore

Comments

udaysimha 31-Oct-11 9:15am

Hi Anuja

Thanks for your`s reply.Can you please explain me about onclick="Showcalander1(event)" and why you takes image tag here.

I tried this
txtDate.Attributes.Add("readonly", "readonly");
it`s not working

Please give me some explation to understand better.

Thanks
uday

Anuja Pawar Indore 31-Oct-11 9:24am

Uday,
Showcalander1 is my javascript function to call the calendar control. user when click on text box or calendar image my JS calendar pop's up for date selection

Anuja Pawar Indore 31-Oct-11 9:28am

I am using scw.js and my function is this
function Showcalander1(ev1) {
scwShow(scwID('<%=txtDate.ClientID %>'), ev1);
}

udaysimha 1-Nov-11 4:36am

Hi Anuja,

Thanks for your reply,here i am using JQuery to pop`s up Calendar when user click on TextBox.After clicking on TextBox a calendar is poping up and if user press keys in keyboard from 0 to 9 and symbal "/" it(text box) accepting that. So i want to restrict user to enter any data rather i want to allow user to select date form calendar only.

If you have any idea please help me.

Thanks
uday

Anup Das Gupta (asteranup) · Accepted Answer · 2011-10-31T01:54:00

Solution 1

Hi,

You can try this[^].

Posted 31-Oct-11 1:54am

Anup Das Gupta (asteranup)

Comments

udaysimha 31-Oct-11 8:21am

Hi Anup Das Gupta

Thanks for your`s reply,Here my requirement is not to validate the date entered by the user .Here whenever user moves cursor into date filed Textbox it will pop the calendar, user should select date from calendar only and user should not allow to enter date manualy(means by pressing keys in keyboard).

Please help me to achive this.ThanksUday