Question

<html>
   <head>
       <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
   </head>
   <body>
      <script>
         function checkValue() {         
         var id=$('#testValue').val();
         if(id < 10){
                $('#bb').text("value is LESS than 10. Disable Submit button please!");
                $('#submitBtn').disabled = true;
            }else{
                $('#bb').text("value is MORE than 10. Enable submit button please!");
                $('#submitBtn').disabled = false;
            }
         }
        function testSubmit(){
            alert('test submit clicked.');
        }
      </script>
      input value:
      <input type="text"  id="testValue" maxlength="6" size="10" required>
      <button type="button" name="action" onclick="checkValue()"    value="issueInvoice">TEST VALUE</button>
      <p style="text-align:left" class="txt-centered label-registersuccess font-red" id="bb"></p>
      <button type="button" name="action" id="submitBtn"  onclick="testSubmit()"    value="issueInvoice">submit button</button> 
   </body>
</html>

我有这个简单的形式。我输入了一个值。如果小于TEN，则显示文本，＆＃39;值小于10＆＃39;。我也想在这种情况下禁用按钮。我该怎么做？然后，当值大于TEN时，会显示超过10的＆＃39;＆＃39;值。和按钮启用。

我该怎么做？ $('#submitBtn').disabled = true;不起作用：（

Answer 1

$('#submitBtn').prop('disabled', true);

Answer 2

$（'＃submitBtn'）。attr（'disabled'，'disabled'）;应该做的伎俩

Answer 3

您可以使用attr和removeAttr属性来解决它......

＆＃13;

         function checkValue() {         
         var id=Number($('#testValue').val());
         if(id < 10){
                $('#bb').text("value is LESS than 10. Disable Submit button please!");
                $('#submitBtn').removeAttr('disabled');
            }else{
                $('#bb').text("value is MORE than 10. Enable submit button please!");
                $('#submitBtn').attr('disabled','true');
            }
         }
        function testSubmit(){
            alert('test submit clicked.');
        }

＆＃13;

       <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

 
      input value:
      <input type="text"  id="testValue" maxlength="6" size="10" required>
      <button type="button" name="action" onclick="checkValue()"    value="issueInvoice">TEST VALUE</button>
      <p style="text-align:left" class="txt-centered label-registersuccess font-red" id="bb"></p>
      <button type="button" name="action" id="submitBtn"  onclick="testSubmit()"    value="issueInvoice">submit button</button>

＆＃13;

Answer 4

我为你准备了防弹代码。默认情况下，提交按钮将被禁用。一旦开始输入，它将根据值启用/禁用。

<html>
   <head>
       <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
   </head>
   <body>
      Input value:
      <input type="text"  id="testValue" maxlength="6" size="10">            
      <button type="button" name="action" id="submitBtn" value="issueInvoice">submit button</button> 
    <script>
        $( document ).ready(function() {
          $('#submitBtn').attr('disabled',true);
          $('#testValue').on('input propertychange paste', function() {                 
             var id=$(this).val();
             if(id < 10){                
                    $('#submitBtn').attr('disabled',true);
                }else{
                    $('#submitBtn').attr('disabled',false);                
                }
           });         

        });
    </script>
   </body>
</html>

希望这有帮助！

html jquery禁用按钮值

4 个答案: