html - 输入字段最大长度不适用于 Tizen Studio 上的文本类型

Question

我正在使用 Tizen Studio 3.3 开发 Samsung TV 网络应用程序，并且我有一个文本类型的输入字段。我想使用输入属性 maxlenght 将租船限制设置为 64。但它仅适用于数字，当输入字母字符时不起作用。

<input type="text" placeholder="Search.." name="search" id="search-in" maxlength="64">

如何限制 Tizen Studio 的输入文本？

Answer 1

如果 maxlength 不起作用，您可以这样做。这是一个替代解决方案

<input type="text" placeholder="Search.." name="search" id="search-in"  oninput="checkSearchLength(event)">

只要您在输入字段中输入内容，oninput 就会调用 checkSearchLength 函数。

  function checkSearchLength(e){
        var srch = document.getElementById("search-in").value;
        if(srch.length>64){
            document.getElementById("search-in").value = srch.substring(0, 64);
            alert("Max 64 Characters are allowed");
            console.log("<--------------  are"+ srch.length+ " ------------------>")
            return;
        }else{
            console.log("<-------------- total Characers are"+ srch.length+ " ------------------>")
        }
}

此函数将检查输入的长度，并在长度大于 64 时对值进行子串