я хочу получить входные данные формы в качестве переменной

Question

 <form id="notification_form" >
        <div style="display: flex;" id="xx">


        <div style="float: left; width: 40%;margin-left: 1%;">

      <label style="margin-top: -2px">message text on area entrance</label>
        <input style="margin-top: -11px" type="text" id="notf_msg_entrance">

            <label style="margin-top: -11px">message text on area exit</label>
        <input style="margin-top: -11px" type="text" id="notf_msg_exit">
        </div>
        <div style="width: 40%;margin-left: 10%;margin-top: 12px;" >
<!--        <div><input type="checkbox" name="push" value="1"  id="notf_push"> <label>push </label></div>-->
            <div id="right_div">
                <select class='form-control inputstl' id="select_aud"></select>
            <label style="margin-left: 7px;">sms notification</label>
        <input type="tel" id="notf_tel_num" class='form-control inputstl'>
            <label style="margin-left: 7px;">mail notification</label>
        <input type="mail" id="notf_mail" class='form-control inputstl'>
            <div>
              <input style="margin-left: 2px" type="checkbox" class="emergency" value="1" > 
              <label style="float: right;margin-top: -1px;margin-right: 25px;">emergency notification</label></div>
        </div>
            </div>

            </div>
            </form>

, когда я набираю console.log($('#notification_form').serialize());, он не дает мне ответа, а дает мне в другой форме

Answer 1

Все элементы формы требуют атрибута name для включения в окончательные данные отправленной формы.Если они не включают это, браузер будет игнорировать их при подготовке данных формы для отправки на сервер.

То же правило применяется к методу jQuery serialize(), так как он пытается применить ту же логикучто браузер будет использовать, если вы отправите форму без использования JavaScript.

например, ваше первое поле ввода может быть изменено на что-то вроде этого:

<input style="margin-top: -11px" type="text" id="notf_msg_entrance" name="msg_entrance">

Установите имя, которое будет любым именем, которое выхотел бы, чтобы он появлялся как при передаче на сервер.Примените это ко всем элементам формы в вашей форме (входные данные (включая текстовые поля, флажки, радио), выборки, текстовые области и т. Д.

Answer 2

Для ваших входов необходим атрибут имени.

<input style="margin-top: -11px" type="text" name="notf_msg_entrance" id="notf_msg_entrance">

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax_serialize