3

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

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

如何限制 Tizen Studio 输入中的文本?

4

2 回答 2

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 时将值子串化

于 2020-01-31T14:11:06.920 回答
0

输入没有空格、回车、标点符号的文本是正常操作。完成输入后,超过最大限制的文本将被剪切。

在编辑模式(也可能是预编辑模式,可能带有下划线)期间,由于处理某些情况,它不能使用最大限制。

eg max length: 2 如果用户想输入“私の”,用户需要在预编辑模式下输入“watashino”或“わたしの”。在预编辑模式下,无法将文本长度限制为 2。

于 2019-11-07T06:53:19.610 回答