在datePicker文本框中进行验证

时间:2014-03-14 06:12:31

标签: jquery html validation textbox datepicker

Textbox having date field

我有一个文本框字段,名为" Expires on"我正在使用DatePicker

 $("#sfExpiresOn").datepicker({
                    dateFormat: "yy-mm-dd",
                    changeMonth: true,
                    changeYear: true,
                    minDate: 0
                })

在这里,我需要验证,因为使用可以简单地在这里添加随机数,如

enter image description here

如何阻止用户添加随机数值。 (我不需要HTML 5验证。)

谢谢

2 个答案:

答案 0 :(得分:1)

为什么不添加属性

ReadOnly="true"

到您的文本框?

只需将以下代码添加到脚本

即可
$("#sfExpiresOn").attr( 'readOnly' , 'true' );

答案 1 :(得分:0)

如果您不想使用ReadOnly功能,则可以使用MaskedEditExtender AJAX。让我们说如果我希望我的日历日期像DD / MM / YYY那么它会是这样的

<Ajax:MaskedEditExtender ID="MaskedEditExtender3" TargetControlID="txtdate"
   Mask="99/99/9999" MessageValidatorTip="true" OnFocusCssClass="MaskedEditFocus"
   OnInvalidCssClass="MaskedEditError" MaskType="Date" 
   UserDateFormat="DayMonthYear"
   DisplayMoney="Left" AcceptNegative="Left" ErrorTooltipEnabled="True" 
   runat="server">