提交没有表单标签的输入数据

时间:2014-09-03 02:42:24

标签: jquery html ajax forms

我正在使用.NET编码的在线商店,该商店使用表单来提供所有页面内容。我需要在页面上插入邮件列表注册表单,但我不能使用标准格式,因为嵌套表单不是有效的HTML。

我的计划是删除表单标签并使用jQuery提交数据,但我对如何执行此操作略有失误。我知道jQuery Post / AJAX方法,但我正在寻找关于如何做到这一点的一些指导。

此外,表单隐藏了输入,这让我失望。

感谢任何指导。这是代码:

    <form action='//luckyhorngifts.activehosted.com/proc.php' method='post' id='_form_1026' accept-charset='utf-8' enctype='multipart/form-data'>
      <input type='hidden' name='f' value='1026'>
      <input type='hidden' name='s' value=''>
      <input type='hidden' name='c' value='0'>
      <input type='hidden' name='m' value='0'>
      <input type='hidden' name='act' value='sub'>
      <input type='hidden' name='nlbox[]' value='2'>
      <div class='_form'>
        <div class='formwrapper'>
          <div id='_field81'>
            <div id='compile81' class='_field _type_input'>
              <div class='_label '>
                Email *
              </div>
              <div class='_option'>
                <input type='email' name='email' >
              </div>
            </div>
          </div>
          <div id='_field82'>
            <div id='compile82' class='_field _type_input'>
              <div class='_option'>
                <input type='submit' value="Subscribe">
              </div>
            </div>
          </div>
        </div>
        <div class="preview_part">
          <div id="notice">
            <a href="http://www.activecampaign.com/" title="email marketing" target="_blank">email marketing</a>
            by activecampaign
          </div>
        </div>
      </div>
    </form>

1 个答案:

答案 0 :(得分:0)

在您将使用的jQuery post方法中,向您的url参数附加要提交的元素的值。类似的东西:

// assuming your fields have id references
var field1 = $("#field1").val();
var field2 = $("#field2").val();
$.ajax({
    type: "POST",
    url: "myServlet?field1="+field1+"&field2="+field2....,
    success: function(data) {
        // do something..
    }
});