0

ユーザーが何かを入力したときにテキスト ボックスのクラスを削除しようとしていますが、機能していないようです。私のテキストボックスと私が使用している関数のコードは次のとおりです。

<input type="text" name="username" id="name" class="text ui-widget-content ui-corner-all ui-state-error" oninput="redo()" value="6"/>

<script type="text/javascript">
    function redo() {
        $("#name").removeClass("ui-state-error");
    }
</script>

私はここで問題をよく見ていません..何か提案はありますか?

4

1 に答える 1

2

inputの使用時onfocus(誰かが内側をクリックしたとき) またはonblur(誰かが集中した後に外側をクリックしたとき) を使用します。

<input type="text" name="username" id="name" class="text ui-widget-content ui-corner-all ui-state-error" value="6"/>

<script type="text/javascript">
    $(document).delegate("#name", "focus", function() {
        $("#name").removeClass("ui-state-error");
    });
</script>

ここに小さな実例があります: http://jsbin.com/udejuf/1/edit

ちなみに、jQuery Validationを使用すると、これは自動的に処理されます。

jQuery Validate の例: http://jsbin.com/uxoqed/1/edit

于 2013-05-01T07:05:29.577 に答える