javascript - Bootstrap 文本对齐 : Empty input left - Filled input right

Question

Bootstrap 有一个内置功能，可以在左侧的空文本输入中对齐占位符，如果用户输入数字(→填充输入)到权利。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<div class="form-group">
  <div class="input-group">
    <input class="form-control" maxlength="255" placeholder="Amount" name="amount" type="text" value="" id="amount">
    <span class="input-group-addon financing">€</span>
  </div>
</div>

Answer 1

我认为这可能是您正在寻找的。

$('#amount').on('keyup', function(){
if($('#amount').val().length > 0)
  $('#amount').css('text-align', 'right');
else
  $('#amount').css('text-align', 'left');
});

http://codepen.io/powaznypowazny/pen/JWXvYE