Not work trim JQuery

Question

Not work trim in JQuery. I can't see mistake:

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

Thanks for help!

Answer 1

this is a dom reference so it does not have .val() method, it has a property value which you can use.

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

Demo: Fiddle

or you can access the jQuery wrapper and use .val()

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

---

But I would recommend against using inline event handlers and suggest adding handlers using script like

<input type="text" name="name" class="inputsearch field"/>

then

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

Demo: Fiddle

Answer 2

You would not write inline jQuery code, also you can not call val() on this rather you need $(this). Pass the current object to javascript function using this. In javascript function you would jQuery method on object after converting DOM object to jQuery object

<input type="text" name="name" class="inputsearch field" onchange="someFun(this)"/>

function someFun(obj)
{
     $(obj).val($.trim(obj.val()));
}

Answer 3

this in your code is javascript and val() is jquery method

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

Answer 4

try this

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