I really need some help, i cant pull the table record from the client side, once a user click Next. Before user must first select email-address and insert fromt the textbox, thereafter be prompt when clicking next, with details such as Name, EmailAddress, LoginId, Insitution. This is what i have currently, bit stuck
- <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>
-
-
- @foreach(var data in Model.regPeopleLists)
- {
-
- }
- <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>
- <!--This functionality applies to radio button change state-->
-
- <script type="text/javascript">
-
- $(document).ready(function () {
- $(document).ready(function () {
-
- $("#LoginID, #SIS_ID").bind("change", function () {
- checkdata();
- });
-
-
- $("#eNtsaTextAreaDisc").bind("input", function () {
- checkdata();
- });
- });
-
-
- function checkdata() {
- if (($("#LoginID").prop("checked") || $("#SIS_ID").prop("checked")) && $("#eNtsaTextAreaDisc").val().length > 0) {
- $("#btnNext").removeAttr("disabled");
- }
- else {
- $("#btnNext").attr("disabled", "disabled");
- }
- }
- </script>