Javascript 使用Jquery发布多个表单

我的页面中有多个表单。我希望能够从单个Jquery函数发布这些表单

它只适用于第一种形式。我想这是因为所有表单都有相同的Id，我需要使用click function（）而不是submit（），并使用类似$（this）的东西

$（文档）.ready（函数（）{
$（“#fpostcomm”）.submit（函数（）{
$.ajax（{type:“POST”，数据：$（this）.serialize（），url:“ajax/ajxaaddcmt.php”，
成功：功能（数据）{
$（“#输入命令”）.val（“”）；
},
错误：函数（）{
警惕（“错误”）；
}
});
返回false；
});
});

您不能重用ID。它们在文档中必须是唯一的。解决了这个问题，你就可以随心所欲地抓住它们

如果您想在所有这些文件上使用一个共享名称，请改用类

<form class="form-horizontal fpostcomm" role="form">
<input name="cmt" type="text" class="form-control input-sm inputcommt" autocomplete="off">
</form>


<script>
$(document).ready(function(){
    $(".fpostcomm").submit(function(){
        $form = $(this);
        $.ajax({type:"POST", data: $(this).serialize(), url:"ajax/ajxaaddcmt.php", 
            success: function(data){
                $form.find(".inputcommt").val('');
            },
            error: function(){
                    alert ("Error.");
            }
        });
        return false;
    });
});
</script>

$（文档）.ready（函数（）{
$（“.fpostcomm”）.submit（函数（）{
$form=$（此项）；
$.ajax（{type:“POST”，数据：$（this）.serialize（），url:“ajax/ajxaaddcmt.php”，
成功：功能（数据）{
$form.find（“.inputcommt”）.val（“”）；
},
错误：函数（）{
警惕（“错误”）；
}
});
返回false；
});
});

改用类。ID应该是唯一的，ID选择器只选择第一个匹配的元素。

<form class="form-horizontal fpostcomm" role="form">
<input name="cmt" type="text" class="form-control input-sm inputcommt" autocomplete="off">
</form>


<script>
$(document).ready(function(){
    $(".fpostcomm").submit(function(){
        $form = $(this);
        $.ajax({type:"POST", data: $(this).serialize(), url:"ajax/ajxaaddcmt.php", 
            success: function(data){
                $form.find(".inputcommt").val('');
            },
            error: function(){
                    alert ("Error.");
            }
        });
        return false;
    });
});
</script>