防止用户在 html5 日期文本框中输入

Posted

技术标签:

【中文标题】防止用户在 html5 日期文本框中输入【英文标题】:Prevent users from typing on html5 date textbox 【发布时间】:2013-11-21 09:49:23 【问题描述】:

我有一个 asp:textbox,我将其设置为 textmode="date",并通过以下方式阻止用户选择未来的日期:

txtDateofAcci.Attributes["max"] = DateTime.Now.ToString("yyyy-MM-dd");

并删除了旋转箭头:

input[type=date]::-webkit-inner-spin-button 
    -webkit-appearance: none;
     display: none;
     
     </style>

我这样做是为了防止用户输入未来的日期,但是,我仍然可以通过输入来输入未来的日期,现在,我想阻止用户或阻止他们输入,而是通过选择器选择输入日期。我怎样才能做到这一点?

【问题讨论】:

【参考方案1】:

将以下内容添加到文本框控件:

onkeypress="return false;"

希望对你有帮助...

【讨论】:

以上是关于防止用户在 html5 日期文本框中输入的主要内容,如果未能解决你的问题,请参考以下文章

如何防止用户在文本框中输入特殊字符[重复]

防止在文本框中输入非 ascii 字符

如何防止用户在文本框中粘贴文本?

如果给定jquery ui进行日期选择,如何不允许用户在日期字段的文本框中输入? [复制]

asp编程中如何设定文本框为数字型

VBA Excel 在文本框中提供当前日期