jquery - ASP.NET MVC 4 - JQuery.removeClass 不工作

Question

当用户输入内容但它似乎不起作用时，我试图删除我的文本框类。这是我的文本框的代码和我正在使用的函数。

<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>

我在这里没有看到问题..有什么建议吗？

Answer 1

使用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