jquery - 如何使用 MVC/CSS3,4/jQuery 设置多个文本框的大小？

Question

有没有一种方法可以一次性设置多个文本框的大小，也许在页面初始化期间？

例如:我的网页上有 20 个文本框，我想限制用户在其中 5 个中输入超过 50 个字符，在另外 5 个文本框中输入 100 个字符等。我不想设置每个文本框运行时的大小，因为这些东西可能会动态变化。我将从配置文件中读取长度规范。

有没有使用jQuery、MVC4/5、Javascript的解决方案？

Answer 1

我不确定我是否理解你的问题，但我相信最简单的方法是通过 jquery 设置。

Razor :

@Html.Text("txt", new {@class='txt50'})

@Html.Text("txt2", new {@class='txt100'})

在您的文本框中使用类 txt50 和 txt100。

Jquery部分:

$(function(){
   $(".txt50").each(function(){
      var txt = $(this);

      txt.attr('maxlength','50');
   });

   $(".txt100").each(function(){
      var txt = $(this);

      txt.attr('maxlength','100');
   });
});