键入表单输入后打印消息

时间:2016-07-19 14:42:42

标签: jquery printing

大家。我真的想知道如何做到与此类似的效果:

  

https://www.dosomething.org/user/register

我的意思是,我想改变一下:'名字' to'你好,(并在更改输入类型后在输入中键入文本。如果你知道如何在jQuery或其他插件中做类似的效果告诉我,请!我知道如何在输入中打印输入的文本,但它不是我想要做的,因为我想要显示全文:' Hello,(输入msg) 后使用tab或更改输入字段。 我感谢各种帮助。

1 个答案:

答案 0 :(得分:0)

<强> HTML

<div class="form-group">
    <label id="label-name" for="name">First Name</label>
    <input class="form-control" type="text" id="name" placeholder="Enter your name" />
</div>

<强>的jQuery

$('#name').on('change', function() {
    var val = $('#name').val();
  if(val)
      $('#label-name').html('Hi ' + val);   
  else
  {
      $('#label-name').html('First Name');
  }
})

小提琴:https://jsfiddle.net/on142Lvp/