0

このログインフォームがあります：

<div id="loginform">
    <div>
        <img id="loginLogo" runat="server" />
    </div>
    <div class="row">
        <label>Email</label>
        <input name="UserNameBox" type="text" id="tbEmail" style="outline-style:none;"
        tabindex="1" runat="server" onkeydown="if (event.keyCode == 13) validateExample()"
        />
    </div>
    <div class="row">
        <label>Password</label>
        <input name="PasswordBox" type="password" id="tbPassword"
        tabindex="2" style="outline-style:none" runat="server" onkeydown="if (event.keyCode == 13) validateExample()"
        />
    </div>
    <div id="validationError" class="validationError" runat="server"></div>
    <div style="margin-top: 15px; margin-left: 15px;" tabindex="3">
        <input type="checkbox" id="cbRememberMe" name="rememberMe" runat="server"
        tabindex="4" />remember me</div>
    <center>
        <input type="button" class="rounded-corners" onclick="validateExample()"
        value="Login" tabindex="5" />
    </center>
</div>

私のデバイスでは、ユーザー名テキストボックスの最初の文字のデフォルトケースは大文字です。デフォルトで小文字にする方法はありますが、ユーザー名が大文字で始まる場合、ユーザーは大文字にすることができます。

4

1 に答える 1

0

入力中よりも検証中に小文字の変換を行う方がよいでしょう。toLowerCase検証時に使用できます。

ライブ変換を行うことを主張する場合は、向きCAPSLOCK ONを変えて、ここにサンプルを示します。

document.getElementById('tbEmail').onkeyup = function() {
    this.value = this.value.toLowerCase();
}​

また、ユーザーが大文字を使用できないようにする必要はありません。ユーザーは何かがおかしいと思うかもしれません（通常、ユーザーは何かが正常に動作しないときに何かがおかしいと思います）

于 2012-05-21T02:46:14.170 に答える