Javascript jQuery验证器自定义方法：如何在同一页面上使用多个表单？

我有一个表单，请求用户输入起始和结束长度，它可以在一个页面上重复不同的次数，这取决于用户希望放入的节数。我试图添加一些验证。我在一个函数中添加了一个自定义验证器方法，我在更改任一字段时调用该方法，以检查结束长度是否大于开始长度，并且该方法是否有效

当用户在页面上调用第二个表单时，该方法中断并停止工作；它似乎保存着它当时的任何错误消息，无论我做了什么更改，它都会持续存在，除非我超出了仍然正确验证的范围界限

输入标记在两个字段上都有：

onchange=“validateForm（this.form）；”

这是我的.js文件中的代码，每次输入更改时，我都会在表单上调用它：

var validateTheForm = function(theForm) {
    $.validator.addMethod("endGreaterThanBegin", function(value, element) {
        return parseInt($('#endPoint').val(), 10) > parseInt($('#startPoint').val(), 10);
    }, "End Point Should be Greater than Start");

    $(theForm).validate({
        rules: {
            startPoint: {
                required: true,
                range: [0, 100]
            },
            endPoint: {
                required: true,
                range: [1, 100],
                endGreaterThanBegin: true
            }
        }
    });
    return true;
}

---

我认为反复尝试添加方法可能会有问题，但每次我更改第一个表单上的任一字段时都会发生这种情况，而且从不中断。我想知道这是否与在创建方法时设置绑定到第一个表单的变量有关，并且从不将其更新到新表单。

定义规则并应用验证程序一次，然后使用该方法验证表单

演示-

function validateTheForm(){
    $('#signupform').valid();
}