Валидатор Kendo всегда возвращает false, когда существует несколько флажков - PullRequest
Новая
       22

Валидатор Kendo всегда возвращает false, когда существует несколько флажков

0 голосов
/ 08 апреля 2019

В ASP.NET у меня есть следующее 

public class TestController : Controller
{
    public IActionResult Index()
    {
        return View(new MyModel()
        {
            Activities = new Activity[]
            {
                new Activity(){ },
                new Activity(){ }
            }
        });
    }
}

public class MyModel
{     
    public IList<Activity> Activities { get; set; }
}

public class Activity
{
    public bool IsActive { get; set; }
}

cshtml 

@model Metatasker.Integration.UI.Controllers.MyModel

<form id="myform">
    @for (int i = 0; i < Model.Activities.Count; i++)
    {
        @Html.CheckBoxFor(x => x.Activities[i].IsActive)
    }
</form>
<button id="btn">Click Me</button>

<script type="text/javascript">
    $(function () {
        function validate() {
            var kendoValidator = $('#myform').kendoValidator().data("kendoValidator");
            return kendoValidator.validate();
        }

        $("#btn").click(function () {
            alert(validate());
        })
    })
</script>

Я использую метод проверки Кендо для проверки формы.В приведенном выше коде, когда у меня есть несколько CheckBoxes Метод validate() всегда возвращает false.Если у меня есть один флажок, то он работает.

У меня есть демоверсия jsfiddle.HTML в jsfiddle является представлением Razor.

DEMO

1 Ответ

0 голосов
/ 09 апреля 2019

Попробуйте следующий фрагмент: 

 <form id="form1">
      <!-- Kendo UI Checkbox -->
      <input type="checkbox" id="checkboxMale" name="Gender" required />
      <label for="checkbox">Male</label>
      <span class="k-invalid-msg" data-for="Gender"></span>
      <input type="checkbox" id="checkboxFemale" name="Gender" required />
      <label for="checkbox">Female</label>
      <span class="k-invalid-msg" data-for="Gender"></span>
     <button>Validate</button>
    </form>

    <script>
      $(document).ready(function() {
        var validator = $("#form1").kendoValidator().data("kendoValidator");
      });
    </script>

Вы заметите, что валидатор обрабатывает только истинные значения как заполненные входные данные, иначе он подает требуемое сообщение проверки.Каждый флажок проверяется индивидуально.

Итак, я предлагаю использовать пользовательское правило . 

<form id="myform">
    <ul validationMessage="You must enter a gender">
      <li>
        <input id="activity1" name="activity" type="checkbox" value="activity1" />
        <label  for="activity1">Activity1</label>
      </li>
      <li>
        <input id="activity2" name="activity"  type="checkbox" value="activity2" />
        <label for="activity2">Activity2</label>
      </li>
    </ul>
    <button>Validate</button>
</form>

<script>
    $("#myform").kendoValidator({
      rules: {
        customRule1: function(input) {          
          if (input.is("[name=activity]")) {
            return $("[name='activity']:checked").length > 0;
          }
        }
      },
      messages: {
        customRule1: "Atleast one activity should be selected."
      }
    });
</script>

Существует также демонстрация , в которой используются переключатели , к которым вы можете обратитьсяк.

...