Как передать имя идентификатора в валидацию jQuery и отправить в контроллер?

Question

У меня есть два тега привязки, и при нажатии я должен получить значение идентификатора.

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

<div class="buttonSet">
  <a href="javascript:void(0);" id="sample1">Sample one</a>
  <a href="javascript:void(0);" id="sample2">Sample two</a>
  </div>

    $(".buttonSet a").click(function() {
        alert(this.id);//getting the id name, just for an example
        $('#Popup').show();
    });

всплывающий код

<div class="" id="Popup" style="display:none">
    <form action="" method="post" name="form1" id="form1" autocomplete="off">
      <div class="form-group ffl-wrapper">
        <label for="name" class="ffl-label">Name</label>
        <input type="text" name="name" class="form-control" id="name">
      </div>

      <div class="form-group ffl-wrapper">
        <label for="email" class="ffl-label">Email</label>
        <input type="email" name="email" class="form-control" id="email">
      </div>

      <div class="form-group ffl-wrapper">
        <label for="mobileno" class="ffl-label">Mobile Number</label>
        <input type="text" name="mobileno" class="form-control" id="mobileno">
      </div>


      <div class="form-group text-center btn_submit_action">
        <input type="submit" name="send" class="" value="Submit">
      </div>
    </form>
</div>

Теперь я запутался, как передать значение id в проверку jQuery и как будет работать кнопка отправки. Я имею в виду, у меня есть одна форма и две кнопки. Эта же форма откроется при нажатии кнопки. Я должен получить информацию о том, какая кнопка нажата, и передать этот идентификатор кнопки в проверку JQuery и отправить в форму. Потому что я должен сохранить название кнопки, на которую нажали.

Проверка jQuery

$("#form1").validate({
  rules: {
    name: {
      required: true,
      minlength: 3,
      lettersonly: true
    },
    email: {
      required: true,
      email: true
    },
    mobileno: {
      required: true,
      minlength: 10,
      maxlength: 10,
      number: true
    }
  },
  submitHandler: function(form) {
    $.ajax({
      url: "//my url",
      type: "POST",
      data: $('#form1').serialize(),
      success: function(data) {
        $("#Popup").hide();
        $("#popup_success").show();
      },
    }); // AJAX Get Jquery statment
  }
});

Answer 1

после получения идентификатора вы должны добавить его в форму в качестве скрытого ввода, как следует

 $(".buttonSet a").click(function() {
        alert(this.id);//getting the id name, just for an example
        var id=$(this.id);
        $('#Popup #id').val(id);
        $('#Popup').show();
    });

, для этого вам необходимо добавить элемент ввода в форму

<div class="" id="Popup" style="display:none">
    <form action="" method="post" name="form1" id="form1" autocomplete="off">
     <input type="number" name="id" class="form-control" id="id">
      <div class="form-group ffl-wrapper">
        <label for="name" class="ffl-label">Name</label>
        <input type="text" name="name" class="form-control" id="name">
      </div>

      <div class="form-group ffl-wrapper">
        <label for="email" class="ffl-label">Email</label>
        <input type="email" name="email" class="form-control" id="email">
      </div>

      <div class="form-group ffl-wrapper">
        <label for="mobileno" class="ffl-label">Mobile Number</label>
        <input type="text" name="mobileno" class="form-control" id="mobileno">
      </div>


      <div class="form-group text-center btn_submit_action">
        <input type="submit" name="send" class="" value="Submit">
      </div>
    </form>
</div>

Теперь настало время добавить следующее правило в ваш скрипт проверки

id: {
      required: true
    }