下一个按钮上的 Javascript 表单验证我对所有按钮都有相同的类？

Question

我是 JavaScript 的新手，需要一些表单验证方面的帮助。

我有一个带有 3 个按钮的表单，分别命名为下一个、上一个和最后提交这些按钮具有相同的类名 btn，当我将函数放在下一个按钮上时，类 btn 应用于所有按钮，但我失败了更改类或添加任何 ID，因为这是在 JavaScript 中。

任何人都可以告诉如何通过 btn 类处理但只应用于下一个按钮吗？

我的代码是

<form class="ms-form">
    <input type="text">
    <button class="btn">prev</button>
    <button class="btn">next</button>
    <button class="btn">submit</button>
</form>
<script>
    $(.btn).click(function() {
        alert('ok');
    });
</script>

Answer 1

使用 jQuery 选择器兄弟，

    $('.btn:eq(0)').click(function() {
       // click handler for prev
    });

    $('.btn:eq(1)').click(function() {
       // click handler for next
    });

    $('.btn:eq(2)').click(function() {
       // click handler for submit
    });