我可以创建一个用户无法在文本框内输入的文本框吗?

时间:2011-11-17 19:39:28

标签: javascript html input textbox project

我想知道在html中是否有一种方法可以制作(文本框),以便用户无法在文本框中输入任何内容?我有一个文本框,如果你单击它,它会显示datepicker jquery,如果选择了日期,则日期显示在文本框中。因此,如果可以使用日期选择器选择日期,则用户无需手动输入日期(手动输入日期可能会导致人为错误)。那有什么办法可以做到吗?

(这是一个新问题)

2 个答案:

答案 0 :(得分:3)

您可以尝试在文本字段中添加“readonly”属性

<input type="text" READONLY id="my-date-field"/>

答案 1 :(得分:1)

据我所知,dateTextO.dateFormat: "dd/mm/yy" == false没有任何意义。您可以使用正则表达式来验证它,如下所示:

var re = /^\d{1,2}\/\d{1,2}\/\d{2}$/;
if(dateTextO.value !== '' && !dateTextO.value.match(re)) {
    errDateMsgO.innerHTML = "Can't Recognise the Date";
} else {
    errDateMsgO.innerHTML = "";
}

编辑:快速jsfiddle:http://jsfiddle.net/Vuhkw/

但是,这实际上不会检查实际日期,只是格式。我建议实际检查服务器端的实际日期,因为JS总是很容易被欺骗。