gcogco10 Ответов: 0

Как вытащить запись таблицы с помощью jquery?

Привет Команда

У меня есть запись таблицы из базы данных, теперь я хочу вытащить эту запись, как только пользователь введет правильный адрес электронной почты из текстового поля, нажав кнопку Далее. В настоящее время это то, что у меня есть на данный момент ниже, я немного застрял, чтобы вызвать эту запись со стороны клиента. Он должен вытягивать следующие поля Name, EmailAddress, LoginID, SSID и Institution, игнорируя другие ниже;

Что я уже пробовал:

<pre> public class eNtsaRegPeopleLists
    {
        public string Name { get; set; }
        [Key]
        public int LoginID { get; set; }
        public string Name {get;set;}
        public string SISID { get; set; }
        public string EmailAddress {get;set;}
        public string Role { get; set; } // ignore this one from the View
        public DateTime LastActivity { get; set; } // ignore this one from the View
        public decimal TotalActivity { get; set; } // ignore this one from the View
        public string Institution { get; set; }
    }


<div class="form-group row">
                                 <div class="col-sm-4">
                                     <input type="radio" id="EmailAddress" name="choose" />
                                     <label for="EmailAddress" class="col-form-label">EmailAddress</label>
                                 </div>
                                 <div class="col-sm-3">
                                     <input type="radio" id="LoginID" name="choose" />
                                     <label for="LoginID" class="col-form-label">LoginID</label>
                                 </div>

                                 <div class="col-sm-3">
                                     <input type="radio" id="SIS_ID" name="choose"/>
                                     <label for="SIS_ID" class="col-form-label">SIS_ID</label>
                                 </div>

                                 <div class="col-sm-12">
                                     @Html.TextAreaFor(m => m.eNtsaAdmin.eNtsaTextAreaDisc, new { @class = "form-control", style = "font-size: medium; font-weight: bold; width:450px", id= "eNtsaTextAreaDisc" })

                                 </div>
                                 <hr />


                             </div>






<div class="modal-footer">
                               <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                               <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter" id="btnNext">
                                   Next
                               </button>
                           </div>


<div class="modal-body">
                                      <table class="table table-bordered">
                                          <thead>
                                              <tr>
                                                  <th>Name</th>
                                                  <th>EmailAddress</th>
                                                  <th>LoginID</th>
                                                  <th>SISID</th>

                                              </tr>
                                          </thead>
                                      </table>
                                  </div>


<script type="text/javascript">

    $(document).ready(function () {
        $(document).ready(function () {
            // Fire when radio button clicked
            $("#LoginID, #SIS_ID").bind("change", function () {
                checkdata();
            });

            // Fire when we enter anything in the textbox
            $("#eNtsaTextAreaDisc").bind("input", function () {
                checkdata();
            });
        });

        //here we check both radio button clicked and textbox filled with some information
        function checkdata() {
            if (($("#LoginID").prop("checked") || $("#SIS_ID").prop("checked")) && $("#eNtsaTextAreaDisc").val().length > 0) {
                $("#btnNext").removeAttr("disabled");
            }
            else {
                $("#btnNext").attr("disabled", "disabled");
            }
        }
</script>

0 Ответов