Question

我有如下的html

<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>

所以当用户在浮点数以外的输入字段中输入值时，我应该使用"It must be float"填充此范围文本，但我的jquery代码无法正常工作

jquery代码

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

Answer 1

试试这个

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

Answer 2

试试这个..

这里我对你的代码进行了一些更改。现在它工作正常。

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

此外，如果您需要仅接受Float值的文本框：

选中此Click Here

如果这是您需要的，请添加回复..

Answer 3

您在选择器中使用了错误的名称。

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

Answer 4

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

或

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

在Jquery中，类的选择器是“。” 查看Jquery Class

Answer 5

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

参考 html()

Answer 6

我会这样做：

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

但我没有测试它。

替换jquery中的span html文本

6 个答案:

Click Here For Live Demo