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会给你带来更多问题。

Ajax：几种形式共享相同的id

3 个答案: