replace the span html text in jquery

Question

I had the html like below

<input id="id_wow" placeholder="0.0" type="text" name="{{state.0}}" value="{{tax_value}}" class="must_be_float">
<br><span class="id_wow">hrray</span>

so when a user enters a value in input field other than float, i should fill this span text with "It must be float", but my jquery code is not working

jquery code

  $('.must_be_float').focusout(function() {
       var class =  $('.must_be_float').attr('id');
       var value = $('.must_be_float').val();
       if (value)
         {
          float_or_not = parseFloat(value);
          if(isNaN(float_or_not))
             {
              $('span.class').html('Value must be float');
             }
         }  
  });

Raj Mohan · Accepted Answer · 2013-11-19 10:43:17Z

2

Try this

$('span[class="id_wow"]').html('Value must be float');

answered Nov 19, 2013 at 10:43

Raj Mohan

5439 silver badges26 bronze badges

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

Comments

Manoj.jsm · Accepted Answer · 2013-11-27 13:21:51Z

1

Try this..

here i had made some changes in your code. now it work's fine.

HTML

<input id="id_wow" placeholder="0.0" type="text" name="{{state.0}}" value="{{tax_value}}" class="must_be_float">
<br><span Id="Msg" class="id_wow">hrray</span>

JQ

$("#id_wow").blur(function(event) {

      // var class =  $('.must_be_float').attr('id'); no need
     var value = $("#id_wow").val();     
     if( (value == +value) && (value != (value/0)) && (!isNaN(value)))
     {
         $("#Msg").text("Good It is Float a value");
     }
     else
     {
        $("#Msg").text("Value must be float");
     }

  });

Click Here For Live Demo

Also if u need textbox that accept only Float value:

Check this Click Here

If this is what you need put a Reply..

edited Nov 27, 2013 at 13:21

answered Nov 27, 2013 at 13:13

Manoj.jsm

1381 silver badge6 bronze badges

Comments

FBHY · Accepted Answer · 2013-11-19 12:45:53Z

0

$('span.id_wow').html('Value must be float');

or

$('span.'+class).html('Value must be float');

In Jquery, the selector for a class is "."
Check it out Jquery Class

edited Nov 19, 2013 at 12:45

answered Nov 19, 2013 at 10:40

FBHY

1,0041 gold badge16 silver badges35 bronze badges

1 Comment

DontVoteMeDown Over a year ago

Please add some explanation to your post.

Adil · Accepted Answer · 2013-11-19 10:40:12Z

0

You are using wrong name for class in selector.

$('.id_wow').html('Value must be float');

answered Nov 19, 2013 at 10:40

Adil

148k25 gold badges217 silver badges207 bronze badges

3 Comments

Mark Walters Over a year ago

the span has a class the selector should use a . not #

Adil Over a year ago

Thanks @MarkWalters, confucing class name, updated my answer.

Mark Walters Over a year ago

No worries, I agree the example was confusing though.

Rituraj ratan · Accepted Answer · 2013-11-19 10:41:40Z

0

$('span.id_wow').html('Value must be float');
//^^^^span then its classnme with "."

REFERENCE html()

answered Nov 19, 2013 at 10:41

Rituraj ratan

10.4k8 gold badges38 silver badges55 bronze badges

Comments

Kolja · Accepted Answer · 2013-11-19 11:18:09Z

0

I would do like this:

$('span.'+class).html('Value must be float');

But I did not test it.

answered Nov 19, 2013 at 11:18

Kolja

8684 gold badges11 silver badges32 bronze badges

Collectives™ on Stack Overflow

replace the span html text in jquery

6 Answers 6

Comments

Click Here For Live Demo

Comments

1 Comment

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

1 Comment

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related