javascript - 使用 JavaScript 验证输入长度

Question

如果用户在文本框中输入的字母少于 4 个，我想显示一个错误。这是我目前正在使用的代码，它有点工作。问题是 - 它显示了错误，然后它也提交了值。

如果用户输入的字母少于 4 个，我想停止提交。

JavaScript

<script type="text/javascript">
function check(what)
{
    var length=what.search_text.value.length;   

    if (length >3 && length < 21)
        what.submit();
    else
        alert("Your nick should be 4-20 characters long.");
}
</script>

HTML

<form method=post action=''><input type=hidden name=todo value=search>
<p align=center>
    Enter Your Name: 
    <input type=text name=search_text value='$search_text'>
    <input onclick=check(this.form); return false; type=submit value=Search>
</p>
</form>

Answer 1

<script type="text/javascript">
function check(what)
{
    var length=what.search_text.value.length;   

    if (length >3 && length < 21){
        what.submit();
    }
    else {
        alert("Your nick should be 4-20 characters long.");
        return false;
    }

}
</script>

<?php
echo "<form method='post' action='' onsubmit='return check(this);'><input type=hidden name=todo value=search>
<p align=center>Enter Your Name: <input type=text name=search_text value='$search_text'><input type=submit value=Search></p><br>
</form>";
?>

变化:

1. onsubmit='return check(this);' 添加在表单标签中
2. 从按钮提交中删除了 onclick
3. return false;在js函数的else条件下添加

建议:始终尝试使用 jQuery，它很简单并且可以减少代码长度。