Get text in input field and check if it's equal to it's value attribute?

Question

I have this when the page loads

<input class="input" id="accountNameUsernameForm_name" name="profile[real_name]" size="30" type="text" value="George">

When a submit trigger is pressed I want to check if the current text in the input field is the same as it's value attribute?

if ( $('.input').val() != $('.input').attr('value') ) {
        $(this).addClass('formLoading');
}

However the problem is, val() and the attr('value') are always the same. What function retrieves the current text that is in the input right now without looking at its value attribute?

thank you

btw. it doesn't work with text()!

Shef · Accepted Answer · 2011-07-15 08:50:55Z

7

// save the default value on page load
var defaultUsername = $('.input').val();

// on submit, compare
if ( $('.input').val() != defaultUsername ) {
        $(this).addClass('formLoading');
}

answered Jul 15, 2011 at 8:50

Shef

45.6k15 gold badges82 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Mutation Person Over a year ago

+1, I totally didn't spopt that as the issue. Also worth mentioning that $('.input') will return everything with the class input so you can't guarantee that the input you are looking is the one you want. use the following instead: $("#accountNameUsernameForm_name")

Shef Over a year ago

@James Wiseman: Totally agree, just gave a context answer based on his code.

Cody Guldner Over a year ago

Link Only Answers are not helpful on [main]. If you are going to link to a post, then you need to summarize it in your answer. That way, if the link ever dies, this answer will still be useful. See this answer for clarification.

Shef Over a year ago

@CodyGuldner Spamming much? I don't have a single link in my answer. What exactly are you trying to say?

Vivek · Accepted Answer · 2011-07-15 08:56:55Z

0

use id of input instead input and then try this..

inputValue = $("#accountNameUsernameForm_name").val()

and then in your form handler try this..

inputText =  $("#accountNameUsernameForm_name").attr('value') 

    if(inputValue ! = inputText ){
        $(this).addClass('formLoading');

}

answered Jul 15, 2011 at 8:56

Vivek

11k15 gold badges51 silver badges68 bronze badges

Comments

Ian Jasper · Accepted Answer · 2011-07-15 08:58:12Z

0

$('.input').val() is equal to  $('.input').attr('value') always.

I suggest you include a hiddenfield or save the value in a variable

See example: http://jsfiddle.net/r3KZu/6/

answered Jul 15, 2011 at 8:58

Ian Jasper

3,0787 gold badges39 silver badges60 bronze badges

Comments

rubergly · Accepted Answer · 2011-07-15 08:58:15Z

0

The problem is that the value attribute is also updated as the text is changed. On page load, you should store the initial value as a variable, and then check against that in the callback.

answered Jul 15, 2011 at 8:58

rubergly

8988 silver badges20 bronze badges

Comments

daryl · Accepted Answer · 2011-07-15 09:03:49Z

0

Have a crack at this:

$('.input').each(function() {
    if($(this).val() != this.defaultValue) {
        $(this).addClass('formLoading');
    }
});

answered Jul 15, 2011 at 9:03

daryl

15.3k21 gold badges70 silver badges93 bronze badges

Comments

Corneliu · Accepted Answer · 2011-07-15 09:18:30Z

0

Use the defaultValue property.

$('.input')[0].defaultValue

The defaultValue property sets or returns the default value of a text field, specified in the value attribute.

Sometimes people forget jQuery is just JavaScript, simple things should be done the easy way.

edited Jul 15, 2011 at 9:18

answered Jul 15, 2011 at 9:10

Corneliu

2,9521 gold badge21 silver badges23 bronze badges

Collectives™ on Stack Overflow

Get text in input field and check if it's equal to it's value attribute?

6 Answers 6

4 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

4 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related