按键上的jquery启用和禁用按钮

Question

我有信用卡字段，我想要禁用付费按钮，如果字段的长度是＆lt; 15按键按键。

我已经写过空白字段验证，但如果信用卡长度为＆lt;我如何禁用该按钮？ 15。

HTML

<form id="creditcaredFrm">
    <input name="cardnum" type="text" placeholder="Card Number" class="textbox iconmastercard required cc-number">
     <input type="text" class="cc-number">
      -- --------- --------
      -- ------- ----- ----

</form>

jquery的

 activatePayButton('creditcaredFrm');
function activatePayButton(formId){
      $form = $('#'+formId);     
      $form.find(':input').on('change keyup blur', function(event) { // monitor all inputs for changes                                              
      var disable = false;
      $form.find("input[type!='hidden']").each(function(i, el) { // test all inputs for values
        if ($(this).hasClass('required') && $.trim(el.value) === '') {
           disable = true; // disable submit if any of them are still blank
        }                                 
      });                             
      if(disable == true){               
          $form.find('#submitBtn').addClass('disableClick');
        } else{
          $form.find('#submitBtn').removeClass('disableClick');
        }
      });                    
     }

Answer 1

我的建议

$(function() {  
  $(".cc-number').on("change keyup blur",function() {
    $('#submitBtn').toggleClass("disableClick",$.trim(this.value).length<15);
  });
});

Answer 2

您可以将其添加到您的功能中

  if($.trim($('.cc-number').val()).length<15)
  {
       disable = true;
  }

我建议你在枚举所有其他非隐藏输入的位之后添加它。

Answer 3

抓住input event上的textbox并相应地检查其val()和disable以及enable的长度。例如：

＆＃13;

＆＃13;

$("input[name=cardnum]").on('input',function(){
    if($(this).val().trim().length<15)
      $('.pay').attr('disabled',true);
    else
      $('.pay').attr('disabled',false);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="creditcaredFrm">
    <input name="cardnum" type="text" placeholder="Card Number" class="textbox iconmastercard required cc-number"/>
    <input type="button" disabled value="Pay" class="pay"/>
</form>

＆＃13;

＆＃13;

＆＃13;

Answer 4

这将在字符长度达到15时启用按钮，也将限制texbox中的字符数

$('.cc-number').keyup(function(e) {
    if (e.keyCode != 8 || e.keyCode != 46) {
        if ($(this).val().length >= 14) {
            $(this).val($(this).val().substr(0, 14));
            $form.find('#submitBtn').removeClass('disableClick');
            return 0;
        } else {
            $form.find('#submitBtn').addClass('disableClick');
        }
    }
});