Ajax：多个表单共享相同的ID

Question

当使用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> 

Answer 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!"); 
    }); 
}); 

Answer 2

你不能有相同的ID，期间多个HTML元素。您可以使用clas=""。

Answer 3

我不建议你有相同的ID，如果你想有类似的东西，我认为最好有相同的（CSS）类。

有重复的id会给你更多的一个问题。