jQuery DatePicker 防止手动输入并在验证时需要答案

【问题标题】：jQuery DatePicker prevent manual input and get required on validatejQuery DatePicker 防止手动输入并在验证时需要
【发布时间】：2017-12-20 04:37:03
【问题描述】：

我已经部分知道这个问题，如果您不希望用户不允许在 datepicker 上手动输入，则使用 readonly，但我的问题是，我想让这些输入也得到验证。这是我的代码

<input type="text" id="closed" name="closed" class="form-control datepicker" readonly/>

这里是我的javascript：

$("#formkarir").validate({
    highlight: function(element) {
        $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight: function(element) {
        $(element).closest('.form-group').removeClass('has-error');
    },
    errorElement: 'span',
    errorClass: 'help-block',
    errorPlacement: function(error, element) {
        if (element.parent('.input-group').length) {
            error.insertAfter(element.parent());
        } else {
            error.insertAfter(element);
        }
    },
    rules: {
        "closed": {
            required: true
        }
    },
    messages: {
        "closed": {
            required: "Please, input expired recruitment job"
        }
    }
});

但是当closed 是空值并且我按下按钮时它没有显示消息。当我在 closed 上清除 readonly 时，它正在显示消息。但我的问题是，我不希望我的输入 closed 获得手动输入。我该怎么做？

我正在使用readonly，因为我担心我的用户会输入不同的日期格式。那么有人知道如何解决我的问题吗？

【问题讨论】：

标签： javascript jquery html validation datepicker

【解决方案1】：

有一种解决方法，它仅在字段获得焦点时使其只读，并在他们离开后将其删除： How can I enable jquery validation on readonly fields?

另一种选择是使用正则表达式设置 html 字段输入格式： https://www.w3schools.com/tags/att_input_pattern.asp

另一种选择是在验证时手动迭代所有字段。上面的链接也应该有这方面的尝试。

【讨论】：

我尝试了你给出的第一个选项，但没有做任何事情，如果为空，仍然没有显示按摩，我有什么建议吗？？
“空时”是什么意思？尝试在 blur 事件上添加日志行，以查看是否真的调用了 readonly 属性删除，并且可能也删除了 submit 事件上的 readonly 属性。
我的意思是“空”没有价值。我只是回答我的问题，有点傻。顺便谢谢你帮助我。 :) 但我有点喜欢你的第一个选项答案。 :)
很高兴你想出了一些办法。 :)

【解决方案2】：

好的，我找到了解决方案，而且有点傻，所以我只是觉得我的插件引导日期选择器不允许添加/编辑手动日期，他们必须选择一个日期。所以不需要只读。感谢您帮助我并尝试编辑我的答案以获得更好的问题。 :)

【讨论】：