Javascript 如果文本字段1中的值大于文本字段2，则启用按钮_Javascript_Jquery_Html

Javascript 如果文本字段1中的值大于文本字段2，则启用按钮

javascript jquery html

Javascript 如果文本字段1中的值大于文本字段2，则启用按钮,javascript,jquery,html,Javascript,Jquery,Html,我正在从事一个项目，我想要实现的是，当值为textfield2小于textfield1中的值时，必须启用按钮，我知道需要jquery或javascript才能实现这一点 <table width="50%" border="0" align="center" cellpadding="8" cellspacing="8"> <tr> <td width="89" bgcolor="#F9F9F9" class="blacktext">Text

我正在从事一个项目，我想要实现的是，当值为textfield2小于textfield1中的值时，必须启用按钮，我知道需要jquery或javascript才能实现这一点

<table width="50%" border="0" align="center" cellpadding="8" cellspacing="8">
   <tr>
      <td width="89" bgcolor="#F9F9F9" class="blacktext">Textfield 1
         <div align="left"></div><label></label>
      </td>
      <td width="291" align="center" bgcolor="#F9F9F9" class="redtext"><div align="left">
            <input name="Textfield1" type="text" class="textbox" id="Textfield1" placeholder="Enter Amount" autocomplete="off" value="10">
            <div></div>
      </td>
   </tr>
   <tr>
       <td bgcolor="#F9F9F9" class="blacktext">Textfield 2</td>
       <td bgcolor="#F9F9F9" class="redtext"><label for="Textfield2"></label>
            <input name="Textfield2" type="password" class="textbox" id="Textfield2" placeholder="Enter your Password">
       </td>
   </tr>
   <tr>
      <td colspan="2" align="right" class="redtext"><button disabled>Submit</button></td>
   </tr>
</table>


文本字段1
文本字段2
提交

有什么帮助吗

使用

keyup

识别

输入上的更改
parseFloat
解析字符串参数并返回浮点数
.prop（）
为每个匹配的元素设置一个或多个属性
试试这个：

$（'#Textfield1，#Textfield2'）。在（'keyup'，function（）上{
var btn=$（'button.mybutton'）；
if（parseFloat（$（'#Textfield1'）.val（））>parseFloat（$（'#Textfield2'）.val（））{
btn.道具（“禁用”，错误）；
}否则{
btn.道具（“禁用”，正确）；
}
});

文本字段1
文本字段2
提交
试试这个

$（'Textfield2，'Textfield1'）。在（'keypress'，function（）上{
var text1=parseInt（$（'#Textfield1'）.val（）；
var text2=parseInt（$（'#Textfield2'）.val（）；
var btn=$（'.redtext>button'）；
如果（text1>text2）{
btn.道具（“禁用”，错误）；
}否则{
btn.道具（“禁用”，正确）；
}
});

文本字段1
文本字段2
提交
试试这个：
HTML

文本字段1
文本字段2
提交
$（文档）.ready（函数（）{
$（'.amtBox'）.on（'keyup keypress blur'，function（）{
var Textfield1=$（'#Textfield1'）.val（）；
var Textfield2=$（'#Textfield2'）.val（）；
console.log（Textfield1+“：”+Textfield2）；
如果（Textfield2



试试这个 你自己试过实现这个目标吗？如果是这样，请发布您尝试的JS…如果按钮附带类怎么办？例如class=“mybutton”。剧本会怎么样
function enableBtn(){
      textBox1 = parseFloat($("#Textfield1").val());
      textBox2 = parseFloat($("#Textfield2").val());
      if(textBox1 > textBox2)
      {
         $(".redtext button").prop("disabled", false); 
      }else{
         $(".redtext button").prop("disabled", false); 
      }
}

$('#Textfield2, #Textfield1').on('input',function(e){
   enableBtn();
});

    <table width="50%" border="0" align="center" cellpadding="8" cellspacing="8">
        <tr>
          <td width="89" bgcolor="#F9F9F9" class="blacktext">Textfield 1
            <div align="left"></div>
            </label></td>
          <td width="291" align="center" bgcolor="#F9F9F9" class="redtext"><div align="left">
            <input name="Textfield1" type="text" class="textbox" id="Textfield1" placeholder="Enter Amount" autocomplete="off" value="10">
            </div></td>
        </tr>
        <tr>
          <td bgcolor="#F9F9F9" class="blacktext">Textfield 2</td>
          <td bgcolor="#F9F9F9" class="redtext"><label for="Textfield2"></label>
            <input name="Textfield2" type="text" class="textbox" id="Textfield2" placeholder="Enter your number"></td>
        </tr>
        <tr>
          <td colspan="2" align="right" class="redtext"><button disabled class=
"disabledButton">Submit</button></td>
          </tr>
      </table>

 $('#Textfield2').keyup(function(){
     var textBox1 = $('#Textfield1').val();
     var textBox2 = $('#Textfield2').val();
     if(textBox2>textBox1){
       $('.disabledButton').prop("disabled", false);
     }
});

<html>
<head>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
</head>
<body>
<table width="50%" border="0" align="center" cellpadding="8" cellspacing="8">
        <tr>
          <td width="89" bgcolor="#F9F9F9" class="blacktext">Textfield 1
            <div align="left"></div>
            </label></td>
          <td width="291" align="center" bgcolor="#F9F9F9" class="redtext"><div align="left">
            <input class="amtBox" name="Textfield1" type="text" class="textbox" id="Textfield1" placeholder="Enter Amount" autocomplete="off" value="10">
            </div></td>
        </tr>
        <tr>
          <td bgcolor="#F9F9F9" class="blacktext">Textfield 2</td>
          <td bgcolor="#F9F9F9" class="redtext"><label for="Textfield2"></label>
            <input class="amtBox" name="Textfield2" type="text" class="textbox" id="Textfield2" placeholder="Enter Amount"></td>
        </tr>
        <tr>
          <td colspan="2" align="right" class="redtext"><button id="butSubmit" disabled>Submit</button></td>
          </tr>
      </table>
<script type="text/javascript">
    $(document).ready(function() {
        $('.amtBox').on('keyup keypress blur', function(){
            var Textfield1 = $('#Textfield1').val();
            var Textfield2 = $('#Textfield2').val();
                console.log(Textfield1 + " :: " + Textfield2);
            if (Textfield2 < Textfield1) {
                $('#butSubmit').prop('disabled', false);
                console.log("Less");
            } else {
                $('#butSubmit').prop('disabled', true);
                console.log("More");
            }
        });
    });
</script>