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會給你更多的一個問題。