设置输入字段创建限制？

Question

我没有在这个话题上找到任何东西，所以尽管我在这里快速询问。

无论如何，我正在创建一个功能，该功能允许用户向该氏族添加新管理员，并使用户可以更轻松地添加一个可以正常使用的新输入字段；）

但是我想要的是一次只允许用户添加最多5位管理员，以节省服务器资源，因为此时他们可以拥有任意数量的服务器。

我该如何存档？

（下面的代码）

<form>
    <input type="text" />
</form>
<button id="addFields">Add another field
    </button>

---

   //JQUERY SIDE BELOW

$(function ($) {

    $('body').on("click", '#addFields', function () {
        $('form').append('<input type="text" />')
    })

})(jQuery)

Answer 1

客户端，您可以通过这种方式

$(function ($) {
       $('body').on("click", '#addFields', function () {
        if ($("form > input:text").length < 5) {
            $('form').append('<input type="text" />');
        }
        else{
         alert('can't add more admins');
        }
    });

})(jQuery);

但这样一来，您只能阻止最多同时添加5位管理员。

在服务器端，您应该执行以下操作（更可靠的解决方案）（SQL）

    SET @admins= (SELECT COUNT(IdUSerAdmin) FROM Users where IdAdmin= @YouAdminUser)

    IF(@admins < 5)
    BEGIN
       INSERT INTO USERS ....
    END

Answer 2

@Vote to Close所说的是正确的，您需要在服务器端和客户端都停止此操作。 在客户端，您可以执行以下操作：

$(function ($) {
    var MAX_LIMIT = 5;
    $('body').on("click", '#addFields', function () {
        if ($("form > input[type='text']").length < MAX_LIMIT) {
            $('form').append('<input type="text" />');
        }
    });

})(jQuery);

Answer 3

$(function ($) {
    var totalFieldsAdded = 0;
    var totalFieldsAllowed = 5;
    $('body').on("click", '#addFields', function () {
        if(totalFieldsAdded < totalFieldsAllowed){
            $('form').append('<input type="text" />');
            totalFieldsAdded++;
        }
    })

})(jQuery)