Question

我正在使用WordPress theme Studio8，我在自定义网址重写加载的网页中创建了一些自定义表单。

问题是，虽然HTML是有效且没有错误，但在加载页面时，通过jQuery $.load('URL Selelcor')移动

<input type="submit" id="submit" value="Submit" />

表格外的

。

我的表单看起来像这样：

<form attributes....>
    ....
    <input attributes .... />
    ....
    <input type="submit" id="submit" value="Submit" />
</form>

，HTML结果如下：

<form attributes....>
    ....
    <input attributes .... />
    ....
</form>

<input type="submit" id="submit" value="Submit" />

关于如何解决这个问题的任何想法？

我想解决这个问题的另一种方法是检查表单是否已加载，然后如果表单没有包含提交按钮以添加JavaScript。

现在的问题是我必须在AJAX加载后检查表单是否存在。例如，对于表单元素上的其他事件，我使用

$('element_selector).live('event_name', function(){});

在我的情况下，如何在AJAX加载后检查表单是否有提交按钮？

Answer 1

很奇怪，这是一个想法：

 $(document).ready(function()
 {
      $('input[type="submit"]').live("click",function()
       {
           $('form').submit();
       });
 });

这应该使现有按钮提交您的表单。您可以在其上添加ID，以防止它在页面上提交所有表单。

要检查它是否存在并添加它，如果您希望可以使用：

$(document).ready(function()
{
      if(!$("form").find(':submit').attr("value"))
      {
          $("form").append("<input type=\"submit\" value=\"Submit!\" />");
      }
  });

请参阅this jsFiddle。

jQuery，AJAX，Form加载了吗？

1 个答案: