CODEWITHSUNDEEP
jquery
Arthur Yakovlev
Arthur Yakovlev

Reputation: 9309

Not work trim JQuery

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!

Upvotes: 2

Views: 118

Answers (4)

Arun P Johny
Arun P Johny

Reputation: 388436

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

Upvotes: 6

saman khademi
saman khademi

Reputation: 842

try this

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

Upvotes: 1

Somnath Kharat
Somnath Kharat

Reputation: 3610

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()));"/>

Upvotes: 1

Adil
Adil

Reputation: 148180

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()));
}

Upvotes: 2

Related Questions