Javascript 我有一个日期选择器，因为用户可能会将无效字符写入textbox，所以我希望进行日期选择器验证

当我输入123456或任何字符串等错误输入时，它应该进行验证 需要在日期字段中进行验证 当我们在日期文本框中键入123456时，应进行验证 现在您可以私下浏览，其他使用此设备的人将看不到您的活动。但是，下载和书签将被保存。了解更多

  when I enter 123456 in date textbox then not validating.

---

一个选项是使用并让浏览器处理字段的格式

        @section Scripts {


                       @Scripts.Render("~/application/Report")

            <script type="text/javascript">


                $(document).ready(function () {





                    Report.Initialize();
                    Report.validatationForDateFromAndDateTo("dateFrom", "dateTo");
                    $("#pageOrientation").val("use landscape");
                });
            </script>
        }
    [enter image description here][1]
    validatationForDateFromAndDateTo: function (dateFromId, dateToId) {

                    $("#" + dateFromId + ", #" + dateToId).on("change", function () 
        {
                        debugger;
                        var areDatesPresent = true;
            var startDateText = $("#" + dateFromId).val();
                        var leavingDateText = $("#" + dateToId).val();
                        var startDateTextLenght =$("#" + dateFromId).val().length;

                        if (startDateText == "") {
                            areDatesPresent = false;
                            Base.setResetErrorMessage('DateFromError', "Date from is required.", true);
                        }
                        else { Base.setResetErrorMessage('DateFromError', "", false); }

                        if (leavingDateText == "") {
                            areDatesPresent = false;
                            Base.setResetErrorMessage('DateToError', "Date to is required.", true);
                        }
                        else { Base.setResetErrorMessage('DateToError', "", false); }
             if (areDatesPresent) {
                            var startDate = new Date(startDateText);
                            var leavingDate = new Date(leavingDateText);

                            if (leavingDate < startDate || $(this).val() == "") {
                                Base.setResetErrorMessage('DateFromError', "Date from must be less than Date to.", true);
                                Base.setResetErrorMessage('DateToError', "Date to must be greater than Date from.", true);
                                $("#GetReport").attr("disabled", "disabled");
                            }
                            else {
                                Base.setResetErrorMessage('DateFromError', "", false);
                                Base.setResetErrorMessage('DateToError', "", false);
                                $("#GetReport").attr("disabled", false);
                            }
                        }
            else {
                            $("#GetReport").attr("disabled", "disabled");
                        }



            View:

            <div class="col-sm-12">
                                                    <div class="input-group date">
                                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                        <input type="text" id="dateFrom" name="dateFrom" class="form-control"  value="@dateFrom.ToString(Consts.DateFormats.DateOnly) ">
                                                    </div>
                                                    @Html.ValidationMessage("DateFromError")
                                                    [enter image description here][1]
                                                </div>
                enter code here

              [1]: https://i.stack.imgur.com/zuVfa.png


        <div class="input-group date">
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                    <input type="datetime" id="dateTo" name="dateTo" class="form-control"  value="@dateTo.ToString(Consts.DateFormats.DateOnly)">
                                                </div>
                                                @Html.ValidationMessage("DateToError")

                                            </div>**strong text**



    View :

     <div class="col-sm-12">
                                                    <div class="input-group date">
                                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                        <input type="text" id="dateFrom" name="dateFrom" class="form-control"  value="@dateFrom.ToString(Consts.DateFormats.DateOnly) ">
                                                    </div>
                                                    @Html.ValidationMessage("DateFromError")
                                                    [enter image description here][1]
                                                </div>
                enter code here

              [1]: https://i.stack.imgur.com/zuVfa.png


        <div class="input-group date">
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                    <input type="datetime" id="dateTo" name="dateTo" class="form-control"  value="@dateTo.ToString(Consts.DateFormats.DateOnly)">
                                                </div>
                                                @Html.ValidationMessage("DateToError")

                                            </div>

      [1]: https://i.stack.imgur.com/fKt4y.png

---

您可能需要修改您的问题，如果确实需要理解您的问题并提供答案，请将图像移动到适当的位置。我只想在输入123456或任何FDFSF时，它的验证日期无效。请帮助我我需要它。请帮助我我编辑。。不会神奇地让我们想要筛选那些格式不好、无效的代码。请帮助我们帮助你。这个网站上的规则不是任意的，它们旨在让你更容易获得答案。你需要自己写一本好书，或者去MVC网站，通过教程学习一些基本知识。特别是如何使用HtmlHelper方法作为绑定到模型的方法，以及如何使用验证属性进行客户端和服务器端验证。由于所有脚本都会自动关闭，因此不需要任何脚本！当我更改类型时，则在文本框datepicker dd mm yy中显示]'这取决于浏览器如何处理type=date字段。当我输入123456时，它显示date from应大于date to..但它应给出无效的日期..您也可以在type=dates上设置min/max属性

<input id="date" type="date">