我正在使用 Tizen Studio 3.3 开发三星电视网络应用程序,并且我有一个文本类型的输入字段。我想使用输入属性 maxlenght 将章程限制设置为 64。但它仅适用于数字,当输入字母字符时不起作用。
<input type="text" placeholder="Search.." name="search" id="search-in" maxlength="64">
如何限制 Tizen Studio 输入中的文本?
我正在使用 Tizen Studio 3.3 开发三星电视网络应用程序,并且我有一个文本类型的输入字段。我想使用输入属性 maxlenght 将章程限制设置为 64。但它仅适用于数字,当输入字母字符时不起作用。
<input type="text" placeholder="Search.." name="search" id="search-in" maxlength="64">
如何限制 Tizen Studio 输入中的文本?
如果 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 时将值子串化
输入没有空格、回车、标点符号的文本是正常操作。完成输入后,超过最大限制的文本将被剪切。
在编辑模式(也可能是预编辑模式,可能带有下划线)期间,由于处理某些情况,它不能使用最大限制。
eg max length: 2 如果用户想输入“私の”,用户需要在预编辑模式下输入“watashino”或“わたしの”。在预编辑模式下,无法将文本长度限制为 2。