0

使用ajax提交表单时，多个表单可以共享同一个id吗？比如下面这样。

HTML： 

<form id="myForm" action="/form" method="post"> 
  Phone: <input type="text" name="phone" /> 
  <input type="submit" value="Submit" /> 
</form>
...
<form id="myForm" action="/form" method="post"> 
  Name: <input type="text" name="name" /> 
  Comment: <textarea name="comment"></textarea> 
  <input type="submit" value="Submit Comment" /> 
</form>

脚本：

<script> 
    // wait for the DOM to be loaded 
    $(document).ready(function() { 
        // bind 'myForm' and provide a simple callback function 
        $('#myForm').ajaxForm(function() { 
            alert("Thank you for your comment!"); 
        }); 
    }); 
</script>
4

3 回答 3

1

不：作为一般原则，每当您想使用相同的术语来分组一堆元素时，您应该使用类名：

<form class="myForm" action="/form" method="post"> 
  Phone: <input type="text" name="phone" /> 
  <input type="submit" value="Submit" /> 
</form>
...
<form class="myForm" action="/form" method="post"> 
  Name: <input type="text" name="name" /> 
  Comment: <textarea name="comment"></textarea> 
  <input type="submit" value="Submit Comment" /> 
</form>

您的 JS 将是：

$(document).ready(function() { 
    // bind 'myForm' and provide a simple callback function 
    $('.myForm').ajaxForm(function() { 
        alert("Thank you for your comment!"); 
    }); 
});
于 2012-12-14T15:27:18.400 回答
0

不能有多个具有相同 ID 和句点的 HTML 元素。

相反，您应该使用clas="".

于 2012-12-14T15:27:26.047 回答
0

我不建议您使用相同的 id，如果您想要类似的东西，我认为最好使用相同的（css）类。

重复的 id 会给你带来更多的问题。

于 2012-12-14T15:28:28.520 回答