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