String 如何使用javascript设置文本框中的最小和最大字符长度

如果我有一个文本，并且我只想允许用户输入长度在5到10个字符之间的文本，那么如何使用javascipt来实现这一点

---

我尝试过使用

mix

和

max

函数，但它们只适用于数字数据

您需要对输入字段使用maxlength属性，类似这样的操作应该可以做到：

<input name="myTextInput" type="text" maxlength="5"></input>

---

您可以这样做：

`

函数checkLength（）{
var textbox=document.getElementById（“textbox”）；
如果（textbox.value.length=5）{
警惕（“成功”）；
}
否则{
警报（“确保输入长度在5-10个字符之间”）
}
}
`

您可以使用“maxlength”属性来不允许超过x个字符，并使用javascript对最小长度进行验证

请参见此示例：

HTML

Javascript:

$("#validate").click(function(){
    var inputStr = $("#example").val();
    if(inputStr.length<5)
        $("#error_msg").html("enter atleast 5 chars in the input box");
    else
        $("#form_elem").submit();      
})

$（“#验证”）。单击（函数（）{
var inputStr=$（“#示例”）.val（）；
如果（输入长度<代码>

---

如果你不想在js上遇到麻烦，这就可以了。

我混合了上面的示例，试图使它尽可能简单，避免不必要的警报。 脚本：

函数checkLength（）{
var textbox=document.getElementById（“注释”）；
如果（textbox.value.length=5）{
返回true；
}
否则{
提醒（“你的评论太短，请多写一些。”）；
返回false；
}
}

表单字段中的代码应该是：onsubmit=“return checkLength（）；”>

以及表单本身中的文本区域：

<label for="comment">*Comment:</label>
<textarea name="comment" id="comment" rows="4" cols="40" required="required"></textarea>

*注释：

---

希望这有帮助！

是的，我已经这样做了。但是，我想要的是字符串不少于5个字符，不超过10个字符。很抱歉，我键入了0而不是上面的10个字符。您需要用javascript解决这个问题，@rboling有一个不错的解决方案。这没关系。我第一次键入了0而不是10个字符。谢谢您的回答！这将长度限制为最多5个字符，与要求的长度完全不同。（此外，它适用于代码单位，实际上不是字符。）@JukkaK.Korpela我刚刚修改了我的答案以反映修改后的字符长度。之前，问题指定了0到5个字符的限制。感谢这项工作的完美，尽管我不得不将其更改为javascript而不是jquery。我所要做的就是将.value添加到var textbox=document.getElementById（“textbox”）上.value；它成功了。谢谢用户3071372和@rboling

$("#validate").click(function(){
    var inputStr = $("#example").val();
    if(inputStr.length<5)
        $("#error_msg").html("enter atleast 5 chars in the input box");
    else
        $("#form_elem").submit();      
})

<input name="myTextInput" type="text" minlength="5" maxlength="10"></input>

function checkLength(){
    var textbox = document.getElementById("comment");
    if(textbox.value.length <= 500 && textbox.value.length >= 5){
        return true;
    }
    else{
        alert("Your comment is too short, please write more.");
        return false;
    }
}

<label for="comment">*Comment:</label>
<textarea name="comment" id="comment" rows="4" cols="40" required="required"></textarea>