Javascript 当条件满足时，移除“提交”按钮的禁用功能_Javascript_Forms_Submit

Javascript 当条件满足时，移除“提交”按钮的禁用功能

javascript forms

Javascript 当条件满足时，移除“提交”按钮的禁用功能,javascript,forms,submit,Javascript,Forms,Submit,我有一张表格。在这里的提交按钮是禁用的，我做了以下功能，当平衡值将大于10，它将删除其禁用的功能。我的脚本不起作用。当余额值大于10时，是否有办法取消“提交”按钮的禁用功能 <script > function startCalc(){ interval = setInterval("calc()",1); } function calc(){ one = document.add_form.obalance.value; two = document.add_form.

我有一张表格。在这里的提交按钮是禁用的，我做了以下功能，当平衡值将大于10，它将删除其禁用的功能。我的脚本不起作用。当余额值大于10时，是否有办法取消“提交”按钮的禁用功能

<script >
function startCalc(){
  interval = setInterval("calc()",1);
}
function calc(){
  one = document.add_form.obalance.value;
  two = document.add_form.debit.value; 
  document.add_form.balance.value = (one * 1) - (two * 1);
}
function stopCalc(){
  clearInterval(interval);
}
</script>


函数startCalc（）{
间隔=设置间隔（“计算（）”，1）；
}
函数计算（）{
一=document.add_form.obalance.value；
二=document.add\u form.debit.value；
document.add_form.balance.value=（1*1）-（2*1）；
}
函数stopCalc（）{
间隔时间；
}

我的html表单：

<html>
<form name="add_form" action="ebill.php" method="post" >
<input type="text" name="obalance" id="obal" value="" onFocus="startCalc();" 
onBlur="stopCalc();" >
<input type="text" name="debit" id="totl" value="" onFocus="startCalc();" 
onBlur="stopCalc();" />
<input type="text" name="balance"  id="totl" value=""  />
<input type="submit" id="submit" name="submit" disabled="disabled" />
</html>

用于删除“提交”按钮的禁用属性的脚本：

<script >
setInterval(function () {
if ($('#balance').val() >= 10){

    $(":submit").removeAttr("disabled");
    }
else{
    $(":submit").attr("disabled", "disabled");
    alert('Your Balance is less than 10');
    }
}, 1);

</script>


setInterval（函数（）{
如果（$（'#余额'）.val（）>=10）{
$（“：提交”）.removeAttr（“禁用”）；
}
否则{
$（“：提交”）.attr（“禁用”、“禁用”）；
警报（“您的余额低于10”）；
}
}, 1);

（代码本身中的注释-您还可以在代码下面找到一些“最佳实践建议”，以避免大量的人头攒动；）

函数startCalc（）{
间隔=设置间隔（“计算（）”，1）；
}
函数计算（）{
一=document.add_form.obalance.value；
二=document.add\u form.debit.value；
document.add_form.balance.value=（1*1）-（2*1）；
}
函数stopCalc（）{
间隔时间；
}
setInterval（函数（）{
/*************************************
v-------ID错误（已修复）*/
如果（$（'#tot2'）.val（）>=10）{
$（“：提交”）.removeAttr（“禁用”）；
}
否则{
$（“：提交”）.attr（“禁用”、“禁用”）；
//警报（“您的余额低于10”）；
}
}, 10); // 1太多了？

输入#提交[禁用]{
背景色：红色；颜色：白色；不透明度：.2；
}
输入#提交：未（禁用）{
背景色：绿色；颜色：白色；
}

什么是

：submit

您需要使用

$（“#submit”）

否@FerasAlSous，$（'：submit'）是正确的。看：@achalnaskar，你的身份证错了。使用：

$（'#totl'）.val（）>=10

。您还有2个

id=“totl”

谢谢。我的问题解决了。我将执行你的建议。