Как добавить проверки, когда в форме есть флажки и тег привязки, тип данных которого - текст

Question

У меня есть следующий код cs html, в котором «tr» является родительским тегом, «td» - вложенным тегом и флажком, а теги привязки находятся внутри тега «td». Управляющий код кнопки отправки упоминается в верхней строке. Это происходит следующим образом. Кроме того, ниже указан код jquery. Я ищу, когда я устанавливаю флажок и не заполняю никаких данных внутри текстового поля, а затем нажимаю на «Отправить», тогда должно появиться сообщение проверки «пожалуйста, заполните описание» в каком-то виде цвет. В настоящее время ситуация заключается в том, что выберите флажок, а затем отключенная кнопка меняет состояние на включенное, но текстовый элемент управления внутри тега привязки, если он не заполнен какими-либо данными, и нажмите `` Отправить '', он не генерирует предупреждающее сообщение, также каждый флажок имеет свой собственный тег привязки, например, есть несколько чекбоксы в ряд, и у каждого чекбокса есть собственный тег привязки.

<div class="col-xs-12">
  <div class="submitbtn">
    <button type="submit" id="submit 
     style="width:140px;height:30px;">Create 683</button>
  </div>
</div>
  @foreach (var item in Model.Items) /*-----to generate multiple rows-----*/
{
 @if (@currentItem != item.Item)
{
  <tr class="notifyAE-row  text-center">
  <td class="col-md-1">
  <input type="checkbox" class="checks" id="chck" name="683radiobtn" 
  @*checked="checked"*@ />
 </td>
 </tr>
}
<tr class="class_@item.Item">
  <td class="col-md-2 ensuredoublespace text-left">
    @if (canAddEditItemsReqMet.Succeeded)
      {
       <a href="#" class="explanations" data-pk="@item.Item" data- 
type="text" data- 
         pendingItemId="@item.PendingItemId" data-name="@item.ValidItemBreakOutId" data- 
        compare683="@item.compare683" data-url="@Url.Action("UpdateExplanation", "Contract", new { 
        pendingItemId = item.PendingItemId, contractNo = Model.ContractNo, breakoutId = 
        item.ValidItemBreakOutId })">@Html.DisplayFor(model => item.Explanations)</a>
      }
      else
      {
        @Html.DisplayFor(model => item.Explanations)
       
      }
 </td>
</tr>
}

<script type="text/javascript">
  $('#submit').prop("disabled", true);
                $("input[type='checkbox']").click(function () {
                    if ($(this).is(':checked')) {
                        $('#submit').prop("disabled", false);
                    } else {
                        {
                            if ($('.checks').filter(':checked').length < 1) {
                                $('#submit').attr('disabled', true);
                            }
                        }
                    }
                });

</script>