JavaScript this value of input field .val() not a function this.value input,this.value input javascript,this value input

I have this jquery code to check for any value on a given input and then add a simple class if the input has a value.

But in console i receive error that .val() is not a function?

my code is:

$.fn.tkFormControlMaterial = function(){
        this
            .blur(function () {
                if (this.val())
                    this.addClass('used');
                else
                    this.removeClass('used');
            })
            .after('<span class="ma-form-highlight"></span><span class="ma-form-bar"></span>');
    };

Answer:1

bind will set you free

$.fn.tkFormControlMaterial = function(){
        this
            .blur(function () {
                if (this.val())
                    this.addClass('used');
                else
                    this.removeClass('used');
            }.bind(this))
            .after('<span class="ma-form-highlight"></span><span class="ma-form-bar"></span>');
    }.bind(this);

Answer:2

I found the solution.

If anyone needs a working sample of my own code above:

$.fn.tkFormControlMaterial = function(){
        $(this)
            .blur(function () {
                if ($(this).val())
                    $(this).addClass('used');
                else
                    $(this).removeClass('used');
            })
            .after('<span class="ma-form-highlight"></span><span class="ma-form-bar"></span>');
    };

Answer:3

momentjs and converting to unix gives wrong date

I am having a bit of trouble getting momentjs to convert a date to unix in the correct way: var start = new Date(2013,11,2); console.log('Start date: '+start); console.log('Unix date: '+moment(start)....

moment js convert unix timestamp to date
moment js convert unix timestamp to utc date
moment js convert unix timestamp
moment js convert unix to date
moment js convert unix
moment js format unix
moment js format unix timestamp
moment js convert to unix
moment js convert to unix time
moment js format unix time
moment convert unix timestamp to date
moment.js unix timestamp to date
moment js unix timestamp to date

Passing data from distant component

I am wondering if there is some better way to communicate between distant components. In my case I have structure like this: <div> <History /> <Board> <BoxesView> ...

passing data from child to parent react
passing data from one component to another
passing data from child to parent angular
passing data from parent to child
passing data from controller to view
passing data from php to javascript
passing data from child to parent vue
passing data from activity to fragment
passing data from view to controller in mvc
passing data from laravel to vue
passing data from child to parent react hooks
passing data from flask to javascript
passing data from html to javascript
passing data from rails to react
passing data from child to child react
passing data from one fragment to another
passing data from controller to view laravel
passing data from one lambda to another
passing data from jsp to servlet
passing data from iframe to parent

Optimize the loading of my Tumblr with JavaScript to customize styles

-- Hi ! Reader, if you are not comfortable with Tumblr, please tell me, I will give more details! I had some issues on my tumblr page with the default theme 'Optica'. When I post an embed SoundCloud ...

Find <style> tag by id or attribute

I would like to dynamically remove or disable a <style> tag that looks like this <style type="text/css" id="cssx/portal/simple-sidebar.css" designtr="cssx/portal/simple-sidebar.css"> #...

find style attribute using jquery
jquery find style attribute
jquery find style attribute value
javascript find style attribute
find element by style attribute jquery
jquery find inline style attribute