How to separately pull out fields from a form, such as feedback on the Bitrix website?

Question

1C-Bitrix

Hello. The link isk.srv1.zitz.ru/services/partnerskaya-programma has a custom form. You need to take the phone field and the Send button from it so that these elements are separate and you can place these components on the main page of isk.srv1.zitz.ru (scroll to the very end until the text "book a tour"). For example, so that instead of the text in the middle "book a tour" (on the main page) there would be a field with the ability to enter a phone number and instead of the "book a tour" button there would be a "Submit" button, like on the form - isk.srv1.zitz.ru/services/ partnerskaya-programma
How to implement this?!

Answer 1

There are a lot of options - Select it all in a component or, for example, create an include area and display it already. Well, or you already have it and you just need to edit the page .
Or I did not quite understand the question and you want someone to do it for you for free?

Answer 2

Gotta start somewhere.)

function sendevent() {
  var a = {
    phone: $("#PHONE").val(),
    info: "-"
  };
  $.ajax({
    type: "POST",
    data: a,
    url: "/services/eventsend.php",
    dataType: "html",
    success: function (b) {
      console.log(b)
      // подгружаем изменяем контент
    },
    error: function (b) {
      console.log("Произошла неожиданная ошибка..")
    }
  })
};

And by the way, there is a very good example on the main page, there is already serialization and data transfer from the form

bxajaxid	8a6c8732dc2496264a2f0003084257
AJAX_CALL	Y
sessid	b0cd9905f99901000589e0f0ebed9db
NAME	тест
PHONE	[phone]
DATEEX	тест
form_submit	Отправить

You can tweak the html forms and copy it anywhere)
Then, according to your taste, use BX.ajax({ or $.ajax({
It seems that on the main page, the simple function of checking the correctness of the phone is somehow disguised. Is this the difficulty?)
So, what to do to separately pull the fields out of the form? Copy instead of the text in the middle "order a tour" the field with the phone number and in the sendevent () function call the code for checking the correctness of filling in the phone, if necessary.
Issue resolved?)