jquery - 根据表单输入更改填充

Question

我正在尝试(它不起作用)根据表单输入填充元素。如果输入超过一个整数，它应该改变填充。这是我现在的脚本。

function pad() {
if ($('input[name=amount]').val().length > 1) {
$('ibet').css('margin-left', '6px');
} else {
$('ibet').css('margin-left', '');
}
}

HTML 是

<p id = "ibet">$</p>

触发函数的表单

<input id='inpamount' type="text" name="amount" value="2.00" onkeyup="pad();validatemin()">

这个 HTML 的 CSS 是

#ibet {
margin: 0px;
font-family: GothamBook,Helvetica,sans-serif;
color: #ffffff;
font-size: 28px;
text-align: center;
display: inline-block;
padding-left: 11px;
}

谢谢

Answer 1

由于您的目标是元素 ID，因此您需要 #

$('#ibet').css('margin-left', '6px');

function pad() {
  if ($('input[name=amount]').val().length > 1) {
    $('#ibet').css('margin-left', '6px');
  } else {
    $('#ibet').css('margin-left', '');
  }
}

#ibet {
  margin: 0px;
  font-family: GothamBook, Helvetica, sans-serif;
  font-size: 28px;
  text-align: center;
  display: inline-block;
  padding-left: 11px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<p id="ibet">$</p>

<input id='inpamount' type="text" name="amount" value="2.00" onkeyup="pad();">