Question

如果我有文字而且我只想让用户输入长度在5到10个字符之间的文本，我该如何使用javascipt？

我尝试使用mix和max函数，但它们仅适用于数字数据。

Answer 1

你可以这样做：

`

function checkLength(){
    var textbox = document.getElementById("textbox");
    if(textbox.value.length <= 10 && textbox.value.length >= 5){
        alert("success");
    }
    else{
        alert("make sure the input is between 5-10 characters long")
    }
}
</script>
<input type="text" id="textbox"></input>
<input type="submit" name="textboxSubmit" onclick="checkLength()" />
`

Answer 2

您需要对输入字段使用maxlength属性，类似这样的事情应该这样做：

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

Answer 3

您可以使用“maxlength”属性不允许超过x个字符＆amp;使用javascript进行最小长度验证。

请参阅此示例：http://jsfiddle.net/nZ37J/

HTML

<form id="form_elem" action="/sdas" method="post">
   <input type="text" id="example" maxlength="10"></input>
   <span id="error_msg" style="color:red"></span>
   <input type="button" id="validate" value="validate"></input>
</form>

使用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();      
})

Answer 4

我做了一些上面的示例混合尝试尽可能简单并避免不必要的警报。脚本：

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;
    }
}

表单字段中的代码为：onsubmit =＆＃34; return checkLength（）;＆＃34;＆gt;

表单中的文本区域：

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

希望这有帮助！

Answer 5

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

如果你不想用js麻烦，这就可以了。

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

5 个答案: