Javascript 我想把表单输入作为变量 区域入口上的信息文本 区域出口上的消息文本 短信通知 邮件通知 紧急通知

Javascript 我想把表单输入作为变量 区域入口上的信息文本 区域出口上的消息文本 短信通知 邮件通知 紧急通知,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,当我生成console.log($('#通知表单').serialize()时它不给我响应,而在另一个表单上给我响应您的输入需要一个name属性 <form id="notification_form" > <div style="display: flex;" id="xx"> <div style="float: left; width: 40%;margin-left: 1%;"> <label

当我生成
console.log($('#通知表单').serialize()时它不给我响应,而在另一个表单上给我响应

您的输入需要一个name属性

 <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>


您的输入需要一个name属性

 <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>


所有表单元素都需要
名称
属性才能包含在最终提交的表单数据中。如果它们不包含此项,则在准备要发送到服务器的表单数据时,浏览器将忽略它们

同样的规则也适用于jQuery的
serialize()
方法,因为它尝试应用浏览器在不使用JavaScript提交表单时所使用的相同逻辑

e、 g.您的第一个输入框可以更改为以下内容:

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


将名称设置为传输到服务器时希望显示的名称。将此应用于表单中的所有表单元素(输入(包括文本框、复选框、收音机),选择,文本区域等。

所有表单元素都需要一个
名称
属性才能包含在最终提交的表单数据中。如果它们不包含此属性,浏览器将在准备发送到服务器的表单数据时忽略它们

同样的规则也适用于jQuery的
serialize()
方法,因为它尝试应用浏览器在不使用JavaScript提交表单时所使用的相同逻辑

e、 g.您的第一个输入框可以更改为以下内容:

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


将名称设置为传输到服务器时希望显示的任何名称。将其应用于表单中的所有表单元素(输入(包括文本框、复选框、收音机)、选择、文本区域等。

在输入上使用
name
属性以启用序列化:)在输入上使用
name
属性以启用序列化:)请,请,请不要引用W3学校,因为众所周知,W3学校包含不完整、过时或完全错误的信息。如果我们能从地球上清除这个令人憎恶的网站,那么大批新的web开发人员的境况会好得多。是一个值得去的地方。此外,只有链接的答案(这是你所发布的)通常是不受欢迎的,实际上应该只是一个评论。我知道你只有在得到40分的代表后才能发表评论,但是发表糟糕的答案并不能让你达到目的。请阅读我实际上编辑了我的答案,以包含一个包含name属性的输入示例,但是该编辑似乎没有显示出来。没有理由不显示编辑。你一定没有保存它。再试一次。如果你包含HTML但没有,那么它将不会显示在答案中-该网站将把它视为潜在的标签注入并抑制它。请,请,请永远不要引用W3学校,因为众所周知,W3学校包含不完整、过时或完全错误的信息。如果我们能从地球上清除这个令人憎恶的网站,那么大批新的web开发人员的境况会好得多。是一个值得去的地方。此外,只有链接的答案(这是你所发布的)通常是不受欢迎的,实际上应该只是一个评论。我知道你只有在得到40分的代表后才能发表评论,但是发表糟糕的答案并不能让你达到目的。请阅读我实际上编辑了我的答案,以包含一个包含name属性的输入示例,但是该编辑似乎没有显示出来。没有理由不显示编辑。你一定没有保存它。再试一次。如果你包含了HTML,但没有,那么它将不会显示在答案中-网站将把它视为潜在的标签注入,并抑制它。