如何限制在html

时间:2018-11-05 15:46:43

标签: html

下面是我的html代码,用户可以在其中看到一个下拉菜单,选择下拉菜单后,我们会得到一个复选框,其中复选框旁边有文本框。现在我需要限制文本框中的字符数,我该怎么做

<tr>
        <td align="left" style="padding-left: 50px;" class="space">
            User names :
        </td>
        <td align="left" class="space">
            <div id="dropdownnames" class="dropdowncls" style="width:450px;"></div>
        </td>
    </tr>

复选框和文本框

 if ($("#dropdownnames").val() != null && $("#dropdownnames").val() != "")
                AccordianFields += AccordianFields == "" ? $("#dropdownnames").val() : "," + $("#dropdownnames").val();

            $("#dropdownnameschk").find('input[type=checkbox]:checked').each(function () {
                AccordianText = AccordianText + $(this).next("#dropdownnameschk").next("#dropdownnamestxt").val() + "~|~";
            });

1 个答案:

答案 0 :(得分:3)

输入具有属性maxlength,但:
HTML是客户端和用户控制的,因此无论如何您都必须在服务器端进行验证。 尽管如此,使用javascript可以轻松限制字符数:

document.getElementById("my-textarea").addEventListener("keyup", function(e) {
  if (this.value.length > maxLength) {
    this.value = this.value.slice(0, maxLength);
  }
});