blocks|key|1425031|text|我非常确定jQuery+UI会将对话框部分从其在dom中的正常位置中分离出来，然后将其移动到不同的位置。这将把您的输入元素从表单父元素中取出。不能在没有表单元素的情况下提交表单，这就是它失败的原因。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1425032|我建议将html重写为：|1425033|<div+id="dialog">
<form+method="POST"+action="publish.php">
+<input+type="button"+id="publishSettings"+value="Publish+Settings">
++Publish+Date
++<input+type="text"+name="publishOn"><br>
++Unpublish+Date
++<input+type="text"+name="unPublishOn">
+<input+type="submit"+name="pubArticle"+value="Publish">
</form>
</div>|code-block|syntax|javascript|1425034|如果publishSettings按钮不需要出现在弹出窗口中，那么您可以将其移出表单，仅在提交事件时捕获它的值，并在提交任何内容之前将其添加为隐藏的输入元素。|1425035|祝你好运。|1425036|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>I'm pretty sure jQuery UI breaks out the Dialog section from its normal place in the dom and then moves it to a different place. That would take your input element out of the form parent element. You can't submit a form without a form element, so that's why it fails.</p>

<p>I would suggest rewriting the html as:</p>

<pre><code>&lt;div id="dialog"&gt;
&lt;form method="POST" action="publish.php"&gt;
 &lt;input type="button" id="publishSettings" value="Publish Settings"&gt;
  Publish Date
  &lt;input type="text" name="publishOn"&gt;&lt;br&gt;
  Unpublish Date
  &lt;input type="text" name="unPublishOn"&gt;
 &lt;input type="submit" name="pubArticle" value="Publish"&gt;
&lt;/form&gt;
&lt;/div&gt;
</code></pre>

<p>If the publishSettings button needs to not be in the popup, then you could move it out of the form and just capture its value on the submit event and add it as a hidden input element before anything gets submitted.</p>

<p>Best of luck.</p>


blocks|key|1425079|text|当JQuery打开该对话框时，它会将其移出窗体。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1425080|下面是解决这个问题的方法：|1425081|jQuery+UI+Dialog+with+ASP.NET+button+postback|offset|length|1425082|基本上在你的情况下：|1425083|var+dlg+=++$("#dialog").dialog({+
+++autoOpen:+false,+
+++buttons:+{+
++++"OK":+function()+{+
+++++$(this).dialog('close');+
++++}+
+++}+
++});+
dlg.parent().appendTo($("#yourformId"));+|code-block|syntax|javascript|1425084|应该能修好它。|1425085|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/757232/jquery-ui-dialog-with-asp-net-button-postback^0|0|0|0|19|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@$F|11|G|12|1|13]]|A|$]]|$1|H|3|I|5|6|7|14|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|15|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

<p>When JQuery opens the dialog box , it moves it outside the form.</p>

<p>Here's the solution for that:</p>

<p><a href="https://stackoverflow.com/questions/757232/jquery-ui-dialog-with-asp-net-button-postback">jQuery UI Dialog with ASP.NET button postback</a></p>

<p>basically in your case:</p>

<pre><code>var dlg =  $("#dialog").dialog({ 
   autoOpen: false, 
   buttons: { 
    "OK": function() { 
     $(this).dialog('close'); 
    } 
   } 
  }); 
dlg.parent().appendTo($("#yourformId")); 
</code></pre>

<p>should fix it.</p>


blocks|key|1425164|text|在兼容html5的浏览器(不是IE，但最新的ff、chrome和safari支持它)上，您可以在输入字段上设置"form“属性，这样做可以将它们放在您想要的任何位置。我也遇到了这个问题，花了一些时间弄清楚为什么ie不发送对话框输入。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1425165|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>On html5 compliant browsers (not IE, but latest ff, chrome and safari support it), you can set the "form" attribute on your input fields, and doing so lets you place them wherever you want. I suffered this problem too and took some time to figure out why ie did not send dialog inputs. </p>


blocks|key|1210309|text|我知道这是一个古老的问题，但是对于任何有同样问题的人来说，有一个更新、更简单的解决方案:+jQuery+UI+1.10.0中引入了一个"appendTo“选项|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1210310|http://api.jqueryui.com/dialog/#option-appendTo|offset|length|1210311|$("#dialog").dialog({
++++appendTo:+"form"
++++....
});|code-block|syntax|javascript|1210312|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1B|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|H|7|W|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|C]]]]

<p>I know this is an old question, but for anyone who have the same issue there is a newer and simpler solution: an "appendTo" option has been introduced in jQuery UI 1.10.0</p>

<p><a href="http://api.jqueryui.com/dialog/#option-appendTo">http://api.jqueryui.com/dialog/#option-appendTo</a></p>

<pre><code>$("#dialog").dialog({
    appendTo: "form"
    ....
});
</code></pre>


blocks|key|1425310|text|我遇到了同样的问题，解决方案是(就像user2100025所说的)在代码中添加"appendTo+=‘#+your+your’“。下面是我的代码，它工作得很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1425311|我希望它能对某人有所帮助:)|1425312|​|1425313|<script>
++++$(function()+{
++++$(+"#dialog"+).dialog({
++++++autoOpen:+false,
++++++resizable:+false,
++++++modal:+true,
++++++appendTo:+'#myform',
++++++buttons:+{
++++++++"Yes"function()+{
++++++++++++$(+'#myform'+).submit();
++++++++},
++++++++'No'+function()+{
++++++++++++$(this).dialog('close');
++++++++}
++++++}
++++});

++++$(+"#button"+).click(function()+{
++++++$(+"#dialog"+).dialog(+"open"+);
++++});
++});
++</script>|code-block|syntax|javascript|1425314|1425315|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|P|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|Q|8|@]|9|@]|A|$I|J]]|$1|K|3|E|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>I had the same issue and the solution was (like user2100025 said) to add the "appendTo = '#yourform'," in your code. Here my code and it's working fine.</p>

<p>I hope it helo someone :)</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
    $(function() {
    $( "#dialog" ).dialog({
      autoOpen: false,
      resizable: false,
      modal: true,
      appendTo: '#myform',
      buttons: {
        "Yes"function() {
            $( '#myform' ).submit();
        },
        'No' function() {
            $(this).dialog('close');
        }
      }
    });

    $( "#button" ).click(function() {
      $( "#dialog" ).dialog( "open" );
    });
  });
  &lt;/script&gt;</code></pre>
</div>
</div>
</p>


<p>The input fields in my dialog box aren't being posted, and i'm not sure why...</p>

<p>i've tested it on mac firefox and safari, and windows IE &amp; firefox with the same results, so i don't think it's the browser, and the fields post fine if I disable the dialog box.</p>

<p>I've re-read the jquery ui docs and can't find what i'm doing wrong... It seems unlikely that the dialog box wouldn't support input.</p>

<p>here's a condensed version of the code i'm using:</p>

<pre><code>&lt;script type="text/javascript"&gt;
 $(document).ready(function(){
  $("#dialog").dialog({
   autoOpen: false,
   buttons: {
    "OK": function() {
     $(this).dialog('close');
    }
   }
  });
  $("#publishSettings").click(function(){
   $("#dialog").dialog('open');
  });
 });
&lt;/script&gt;

&lt;form method="POST" action="publish.php"&gt;
 &lt;input type="button" id="publishSettings" value="Publish Settings"&gt;
 &lt;div id="dialog"&gt;
  Publish Date
  &lt;input type="text" name="publishOn"&gt;&lt;br&gt;
  Unpublish Date
  &lt;input type="text" name="unPublishOn"&gt;
 &lt;/div&gt;
 &lt;input type="submit" name="pubArticle" value="Publish"&gt;
&lt;/form&gt;
</code></pre>

<p>Nothing out of the ordinary, right? Why won't this work for me!?</p>

<p>thanks!</p>


Input inside Jquery UI Dialog not being sent?

jQuery

我的对话框中的输入字段没有发布，我不确定原因...我已经在mac firefox和safari以及windows IE和firefox上进行了测试，结果都是一样的，所以我不认为是浏览器的问题，如果我关闭对话框，字段也可以正常开机自检。我已经重新阅读了jquery ui文档，找不到我做错了什么……该对话框似乎不太可能不支...

问是否未发送Jquery UI对话框中的输入？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否未发送Jquery UI对话框中的输入？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否未发送Jquery UI对话框中的输入？
EN