不工作修剪JQuery

Art*_*lev 2 jquery

在JQuery中不起作用.我看不出错误:

<input type="text" name="name" class="inputsearch field" onchange="this.val($.trim(this.val()));"/>
Run Code Online (Sandbox Code Playgroud)

感谢帮助!

Aru*_*hny 6

this是一个dom引用,所以它没有.val()方法,它有一个value你可以使用的属性.

<input type="text" name="name" class="inputsearch field" onchange="this.value = $.trim(this.value);"/>
Run Code Online (Sandbox Code Playgroud)

演示:小提琴

或者你可以访问jQuery包装器并使用.val()

<input type="text" name="name" class="inputsearch field" onchange="$(this).val($.trim($(this).val()));"/>
Run Code Online (Sandbox Code Playgroud)

但我建议不要使用内联事件处理程序,并建议使用脚本添加处理程序

<input type="text" name="name" class="inputsearch field"/>
Run Code Online (Sandbox Code Playgroud)

然后

jQuery(function(){
    $('input[name="name"]').change(function(){
        this.value = $.trim(this.value);
    })
})
Run Code Online (Sandbox Code Playgroud)

演示:小提琴