Javascript 设置输入字段创建的限制？

我还没有找到关于这个话题的任何东西，所以我想我很快会问这里

无论如何，我正在创建一个功能，允许用户添加新的管理员到那里，并使它更容易，用户可以添加一个新的输入字段，这一切都很好

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

我怎么能把这个存档

代码如下

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

---

@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);

---

@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);

---

客户端可以这样做

$(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

---

客户端可以这样做

$(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

---

不是很紧急，但TotalFieldsSallowed应该是4，因为舞台上已经有了一个输入…感谢刚刚重温我现在修复了这个问题；不是很紧急，但TotalFieldsSallowed应该是4，因为舞台上已经有了一个输入…感谢刚刚重温我现在修复了这个问题；感谢这项工作；我还将添加服务器端，以防他们试图绕过客户端方法。我也投票支持你并接受了你的建议solution@Spudster很高兴为您提供帮助我应该问另一个快速问题，我如何在jquery中显示一条消息，声明它们不能再添加了admins@Spudster我会尽快回答possible@Spudster我已经更新了我的答案。。让我知道你是否合适。对于任何信息，我在这里。谢谢这工作；我还将添加服务器端，以防他们试图绕过客户端方法。我也投票支持你并接受了你的建议solution@Spudster很高兴为您提供帮助我应该问另一个快速问题，我如何在jquery中显示一条消息，声明它们不能再添加了admins@Spudster我会尽快回答possible@Spudster我已经更新了我的答案。。让我知道你是否合适。对于我在这里的任何信息。我将添加服务器端以限制此使用客户端将减少麻烦，因此他们不必提交表单，然后获得错误我将添加服务器端以限制此使用客户端将减少麻烦，因此他们不必提交表单，然后获得错误