2013-05-01 97 views
0

我试图让我的文本框的类删除时,用户输入的东西,但它似乎并没有工作。下面是我的文本框和我正在使用的函数的代码。ASP.NET MVC 4 - JQuery.removeClass不工作

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

我不太在这里看到这个问题..有什么建议吗?

+0

这对我的作品,尝试添加'警报($( “#名字”)ATTR( '类'));'调用'removeClass'下方。 – HennyH 2013-05-01 06:57:18

+0

哼!确实删除了课程,但我怎样才能让它更新文本框以显示它已被删除? – 2013-05-01 07:01:04

+0

您希望如何指示更改?着色,文字的变化? – HennyH 2013-05-01 07:02:00

回答

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验证,这将是为你自动处理。

例与jQuery验证:http://jsbin.com/uxoqed/1/edit

+0

“4某种原因”...什么样的例子不起作用?你使用的是什么浏览器?你在做什么:) – balexandre 2013-05-01 07:16:10

+0

这个例子很好,但代码不会在我的项目中工作 – 2013-05-01 07:24:09

+0

控制台日志告诉你什么?在Chrome浏览器上运行它,然后按F12,然后单击控制台选项卡。你是否按照正确的顺序加载脚本?你正在加载什么版本?任何改变来创建一个简单的页面(只是复制生成的HTML代码)并放在一个示例页面,以便我们可以看看它? – balexandre 2013-05-01 08:06:06