Jquery 基于表单输入更改填充

我正在尝试（不起作用）基于表单输入填充元素。如果输入大于一个整数，则应更改填充。这是我现在的剧本

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

HTML是

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

---

谢谢

因为您的目标是元素id，所以您需要

功能板（）{
if（$（'input[name=amount]'）.val（）.length>1）{
$（'#ibet'）.css（'margin-left'，'6px'）；
}否则{
$（'#ibet'）.css（'margin-left'，''）；
}
}

#ibet{
边际：0px；
字体系列：GothamBook，Helvetica，无衬线；
字号：28px；
文本对齐：居中；
显示：内联块；
左侧填充：11px；
}

$

因为您的目标是元素id，所以需要

功能板（）{
if（$（'input[name=amount]'）.val（）.length>1）{
$（'#ibet'）.css（'margin-left'，'6px'）；
}否则{
$（'#ibet'）.css（'margin-left'，''）；
}
}

#ibet{
边际：0px；
字体系列：GothamBook，Helvetica，无衬线；
字号：28px；
文本对齐：居中；
显示：内联块；
左侧填充：11px；
}

$

因为您的目标是元素id，所以需要

功能板（）{
if（$（'input[name=amount]'）.val（）.length>1）{
$（'#ibet'）.css（'margin-left'，'6px'）；
}否则{
$（'#ibet'）.css（'margin-left'，''）；
}
}

#ibet{
边际：0px；
字体系列：GothamBook，Helvetica，无衬线；
字号：28px；
文本对齐：居中；
显示：内联块；
左侧填充：11px；
}

$

因为您的目标是元素id，所以需要

功能板（）{
if（$（'input[name=amount]'）.val（）.length>1）{
$（'#ibet'）.css（'margin-left'，'6px'）；
}否则{
$（'#ibet'）.css（'margin-left'，''）；
}
}

#ibet{
边际：0px；
字体系列：GothamBook，Helvetica，无衬线；
字号：28px；
文本对齐：居中；
显示：内联块；
左侧填充：11px；
}

$

选择ID时，确保使用

#ibet

而不是

ibet

作为选择器。您可以使用

keyup（）

函数检测击键，并调用

pad（）

方法

下面是一个代码片段示例。我添加了一个

#ibet div

，并为其提供了一些额外的css属性以保持清晰

$（）.ready（函数（））{
$（'input[name=amount]'）。键控（函数（）{
pad（$（本））；
});
功能板（选择器）{
if（selector.val（）.length>1）{
$（'#ibet'）.html（'LENGTH>1
边距：6px'）；
$（'#ibet'）.css（'margin-left'，'6px'）；
}否则{
$（'#ibet'）.html（'LENGTH确保在选择ID时使用
#ibet
而不是
ibet
作为选择器。您可以使用
keyup（）
函数检测击键，并调用
pad（）
方法

下面是一个代码片段示例。为了清晰起见，我添加了一个
#ibet div
，并为其提供了一些额外的css属性


$（）.ready（函数（））{
$（'input[name=amount]'）。键控（函数（）{
pad（$（本））；
});
功能板（选择器）{
if（selector.val（）.length>1）{
$（'#ibet'）.html（'LENGTH>1
边距：6px'）；
$（'#ibet'）.css（'margin-left'，'6px'）；
}否则{
$（'#ibet'）.html（'LENGTH确保在选择ID时使用
#ibet
而不是
ibet
作为选择器。您可以使用
keyup（）
函数检测击键，并调用
pad（）
方法

下面是一个代码片段示例。为了清晰起见，我添加了一个
#ibet div
，并为其提供了一些额外的css属性


$（）.ready（函数（））{
$（'input[name=amount]'）。键控（函数（）{
pad（$（本））；
});
功能板（选择器）{
if（selector.val（）.length>1）{
$（'#ibet'）.html（'LENGTH>1
边距：6px'）；
$（'#ibet'）.css（'margin-left'，'6px'）；
}否则{
$（'#ibet'）.html（'LENGTH确保在选择ID时使用
#ibet
而不是
ibet
作为选择器。您可以使用
keyup（）
函数检测击键，并调用
pad（）
方法

下面是一个代码片段示例。为了清晰起见，我添加了一个
#ibet div
，并为其提供了一些额外的css属性


$（）.ready（函数（））{
$（'input[name=amount]'）。键控（函数（）{
pad（$（本））；
});
功能板（选择器）{
if（selector.val（）.length>1）{
$（'#ibet'）.html（'LENGTH>1
边距：6px'）；
$（'#ibet'）.css（'margin-left'，'6px'）；
}否则{
$（'#ibet'）.html（'长度-那么问题出在哪里？它不起作用吗？不：*（不幸的是，如果答案都不起作用或者您仍然面临麻烦，请告诉我，以便我可以提供帮助。那么问题出在哪里？它不起作用吗？不：*（不幸的是，如果所有答案都不起作用或者你仍然面临麻烦，请告诉我，以便我能提供帮助。那么问题是什么？它不起作用吗？不：）不幸的是，如果所有答案都不起作用或者你仍然面临麻烦，请让我知道，以便我能提供帮助。那么，问题是什么？它不起作用吗*（不幸的是，如果所有答案都不起作用，或者您仍然面临困难，请告诉我，以便我能提供帮助
<input id='inpamount' type="text" name="amount" value="2.00" onkeyup="pad();validatemin()">

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

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