javascript - 如何验证 Javascript 中的输入键？

Question

我的站点上运行了以下脚本。用户必须输入 10 个字符长的“testnumber”。有一个长度检查验证。当用户点击提交按钮时，我的脚本运行顺利。

但问题是当用户按下回车键而不是鼠标点击时，它不会警告用户。我怎样才能改变它，以便当用户按下回车键时，这个脚本会给出与他们点击提交按钮相同的消息？

<script type="text/javascript">
    function isNumber(n) {
        return !isNaN(parseFloat(n)) && isFinite(n);
    }
    function formvalidation(form) {
        var isSubmitting = false;
        var value = document.getElementById('testnumber').value;
        if (value.length == 10) {
            if (isNumber(value)) {
                isSubmitting = true;
            }
        }
        if (isSubmitting) {
            form.submit();
        }
        else {
            alert('testnumber must be at least 10 character.');
            return false;

        }
    }
</script>

这是html代码的一部分:

<tr>
    <td align="center">
        <label>
            <div align="left">
                <span class="text7"><strong>enter testnumber:</strong></span>
                <input name="testnumber" type="text" id="testnumber" size="50" value="<%=(testnumber)%>" />
                <input name="search" id="search" type="button" class="normalmail" value="Search" onclick="formvalidation(frmSearch);" />
                                &nbsp;&nbsp;
            </div>
        </label>
    </td>
</tr>

Answer 1

希望对你有帮助

<from onsubmit="return formvalidation()">
<tr>
                    <td align="center">
                        <label>
                            <div align="left">
                                <span class="text7"><strong>enter testnumber:</strong></span>
                                <input name="testnumber" type="text" id="testnumber" size="50" value="<%=(testnumber)%>" />
                                <input name="search" id="search" type="button" class="normalmail" value="Search" onclick="formvalidation(frmSearch);" />
                                &nbsp;&nbsp;
                            </div>
                        </label>
                    </td>
                <!-- </tr></tr> -->
</form>

你的脚本

<script type="text/javascript">
    function isNumber(n) {
        return !isNaN(parseFloat(n)) && isFinite(n);
    }
    function formvalidation() {
        var isSubmitting = false;
        var value = document.getElementById('testnumber').value;
        if (value.length > 10 && value.length < 10) {
            alert('testnumber must be at least 10 character.');
            return false
        }
        else if (isSubmitting) {
            return true
        }
        else {            
            return false;
        }
    }
</script>