javascript - 对输入字段创 build 置限制？

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