0

嗨，以下是我的登录表单，因为我想限制用户在用户名字段中输入 8 个字符，但它不起作用以下是我的代码：

<div data-role="content">

        <form id="loginForm">
            <div data-role="fieldcontain" class="ui-field-contain ui-body ui-br">
                <label for="username">Username:</label> <input type="text"
                    name="username" id="username" value=""   maxlength="8" /> <label for="password">Password:</label>
                <input type="password" name="password" id="password" value="" /> <label
                    for="dob">Date of birth:</label> <input type="password"
                    type="password" name="dob" id="dob" value="" />
            </div>
            <div >
                <fieldset class="ui-grid-a" >
                    <div class="ui-block-a" >
                        <input type="submit" data-role="button" value="Login"
                            id="submitButton">
                    </div>
                    <div class="ui-block-b">
                        <input type="reset" data-role="button" value="Cancel"
                            id="cancelButton">
                    </div>

                </fieldset>
            </div>
        </form>

    </div>

    <script type="text/javascript">

    </script>

    <script type="text/javascript">
        $("#username").live('keydown', function (event)
        {

            if ((event.keyCode.length>8))
            {
                event.preventDefault();
            }

        }); 

    </script>

但用户仍然可以在 UserName 字段中输入任意数量的字符。这段代码有什么问题？任何建议将不胜感激。提前致谢

4

3 回答 3

4

在输入字段中添加一个maxlength.. 而不是使用脚本来限制。

<input type="text" name="username" id="username" value=""  maxlength="8" />
于 2012-08-13T12:49:50.543 回答
4

你需要什么 javascript ？只需将maxlength属性添加到您的输入字段。

<input type="text" name="usrname" maxlength="8" />

就那么简单。

于 2012-08-13T12:49:53.853 回答
1 

<script type="text/javascript">
function countChars(countfrom,displayto) {
    var val = document.getElementById(countfrom).value;

    val = val.replace(/[^a-zA-Z0-9]/igm, "");

    var len = val.length;

    document.getElementById(displayto).innerHTML = len;
   

    onkeydown = function (e) {
        if (e.keyCode != 8 && e.keyCode != 46 && e.keyCode != 9 && e.keyCode != 13 && e.keyCode != 16 && e.keyCode != 17 &&
            e.keyCode != 18 && e.keyCode != 19 && e.keyCode != 20 && e.keyCode != 27 && e.keyCode != 33 && e.keyCode != 34 &&
            e.keyCode != 35 && e.keyCode != 36 && e.keyCode != 37 && e.keyCode != 38 && e.keyCode != 39 && e.keyCode != 40 &&
            e.keyCode != 45 && e.keyCode != 91 && e.keyCode != 92 && e.keyCode != 93 && e.keyCode != 112 && e.keyCode != 113 &&
            e.keyCode != 114 && e.keyCode != 115 && e.keyCode != 116 && e.keyCode != 117 && e.keyCode != 118 && e.keyCode != 119 &&
            e.keyCode != 120 && e.keyCode != 121 && e.keyCode != 122 && e.keyCode != 123 && e.keyCode != 144 && e.keyCode != 145
            && len >= 8)<!-- change the value of len to the number of characters required-->
            e.preventDefault();

    }

}
</script>
<h1>Day-3 Task-1</h1>

<br /><h2>Counting Number of Characters with Elimination of Special Charecters</h2>

<textarea id="data" cols="40" rows="5"
onkeyup="countChars('data','charcount');" onkeydown="countChars('data','charcount');" onmouseout="countChars('data','charcount');"></textarea><br>
<span id="charcount">0</span> Characters entered.

于 2017-02-02T10:53:27.037 回答