Как запретить передавать DatePicker пустое значение в контролер?

Question

[Андрей]

Добрый день! Подскажите пожалуйста, использую на странице DatePicker найденный на просторах интернета.
Он работает. Выбранную дату в контролер передаёт.
Но и значение null он то же передаёт :(
Есть ли возможность силами java script убрать возможность передавать пустое значение или только в контролере городить городушки?
Как правильно?

Вот код:

@using (Html.BeginForm("Index", "Work", FormMethod.Post))
{
    @Html.TextBox("SelectedDate", "", new { @readonly = "readonly" })    
    <input type="submit" value="Выбрать" />
}

<!-- Bootstrap DatePicker -->
<script type="text/javascript">
    $(function () {
        $('#SelectedDate').datepicker({
            changeMonth: true,
            changeYear: false,
            format: "dd/mm/yyyy",
            language: 'ru'
        });
    });
</script>
@if (ViewBag.Message != null)
{
    <script type="text/javascript">
            $(function () {
                alert("@ViewBag.Message");
            });
        if ($("#SelectedDate").datepicker("SelectedDate") === null) {
            alert("no date selected");
        }
    </script>
}

Спасибо!

Answer 1

[Planet_93]

Вы можете проверить сам импут:

if($("#SelectedDate").val() == "") {
  alert("no date selected");
}

Либо для DatePicker использовать getDate который возвращает, null если ничего не выбрано:

if($("#SelectedDate").datepicker("getDate") === null) {
  alert("no date selected");
}

Comments

[Андрей]

Спасибо! Оба ваших варианта работают!
А как можно проверить, заполнено ли поле до передачи данных в контролер? И можно ли это сделать в принципе?

[Planet_93]

Проверку дэйтпикера можно сделать как до отправки на сервер, так уже и на сервере.

Если на клиенте делать эту проверку, то в момент отправки на сервер используйте примеры выше.

Если уже на сервере, то на контроллере просто проверяете данные, которые вам приходят и возвращайте ответ по валидации.

Что лучше и как реализовать, сказать не могу. Надо смотреть что у вас уже есть.

[Андрей]

Planet_93, Ну если каких-то правил нет, то лучше конечно на стороне клиента провести такую проверку. Наверное.

Я добавил Ваш код к себе, но всё равно данные передаются в контролер, да же если ничего не выбрано. :(
Подскажите, пожалуйста, что я не правильно делаю?
Вот часть кода:

@model IEnumerable<TST_net_core_EF_web.Models.Ticket>
@{
    ViewData["Title"] = "Work Controller";
}
<br />
<h3>Билеты</h3>
<br />
<form asp-controller="Work" asp-action="Index" method="post">
    <div class="form-group form-inline">
        @Html.TextBox("SelectedDate", "", new { @readonly = "readonly" })        
        <p><input type="submit" value="Выбрать" class=" btn btn-default" /></p>
    </div>
</form>

<!-- Bootstrap DatePicker -->
<script type="text/javascript">
    $(function () {
        $('#SelectedDate').datepicker({
            changeMonth: true,
            changeYear: false,
            format: "dd/mm/yyyy",
            language: 'ru'
        });
    });    
</script>
@if (ViewBag.Message != null)
{
    <script type="text/javascript">
            @*$(function () {
                alert("@ViewBag.Message");
            });*@
        if ($("#SelectedDate").val() == "") {
            alert("Проверка 1");
        }
        if ($("#SelectedDate").datepicker("SelectedDate") === null) {
            alert("Проверка 2");
        }
    </script>
}


<div class="container">
    <table class="table table-striped table-bordered text-center">
        <tr>
.......
.......

Спасибо!

[Planet_93]

А запрос у вас отправляется когда вы изменяете datePiker или когда происходит клик по кнопке submit?

[Андрей]

Planet_93, Когда нажимаю на кнопку.

[Planet_93]

Андрей, отловите момент отправки запроса на сервер. И если пикер = нулл, не отправляйте его.

<a href="#" class="submitForm">Submit</a>

$("a.submitForm").click(function () {
        if ($("#SelectedDate").datepicker("SelectedDate") === null) {
            alert("Проверка 2");
            return false;
        }
    });

[Андрей]

Спасибо!

Answer 2

[Роман]

www.java2s.com/Code/JavaScript/Form-Control/Usingt...

Comments

[Андрей]

То ли я не разобрался, то ли там подтверждение отправки сообщения. Я хотел вообще ничего не отправлять, если дата не выбрана...