jquery - 所有按钮和图像调用表单操作

Question

当我点击每个按钮时，我想做一个动作......当点击图像时，我想调用表单动作

但现在似乎所有按钮调用表单动作

   <c:forEach var="userBeans" items="${userBeanList}" varStatus="statusReport">
        <form data-action="/secure/downloadcsvUser/${userBeans.key}">
            <tr>
                <td>${statusReport.count}</td>
                <td>${userBeans.value.title}</td>
                <td>
                    <c:if test="${userBeans.value.hasParams}">
                        <c:forEach var="paramName" items="${userBeans.value.listParamNames}" varStatus="statusParam">
                            ${paramName} <input type="text" id="${userBeans.key}${statusParam.count}" name="${paramName}" size="12" maxlength="10" />
                        </c:forEach>
                    </c:if>
                </td> 
                <td align="center">
                   <button id="editUserButton${statusReport.count}"></button>
                   <button id="deleteUserButton${statusReport.count}"></button>
                   <input type="image" height="25" width="25" src="/resources/img/report-run.png"/>
                </td>
            </tr>
        </form>
    </c:forEach>

也许有一种更通用的方法来代替使用我的表单？

Answer 1

该button元素会自动提交表单，因为它们的默认“类型”属性是“提交”（参见这个问题）。