主页 / 问题 / 1188517
Accepted
Владислав Самохин
Asked:2021-10-10 21:03:52 +0000 UTC2021-10-10 21:03:52 +0000 UTC

inputmask isComplete 所有类

  • 772

您能告诉我如何使用 inputmask 插件检查具有相同类的所有字段的完整性吗？现在检查只在第一个字段上。

$(document).ready(function() {
  $(".phone").inputmask("+38 (999) 999-99-99");
});

function check_validate() {
  if ($(".phone").inputmask("isComplete")) {
    console.log("validate = ok");
  } else {
    console.log("validate = no");
  }
}
button {
  display: block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/inputmask/4.0.9/jquery.inputmask.bundle.min.js" integrity="sha256-O4r2M4p1dxfVFgKvwK23D1RQdTU8ABlIBir9aGP+KJY=" crossorigin="anonymous"></script>
<input type="text" class="phone">
<input type="text" class="phone">
<input type="text" class="phone">
<button onclick="check_validate();">Validate</button>

jquery

1 个回答

  1. Best Answer

    $(document).ready(function() {
  $(".phone").inputmask("+38 (999) 999-99-99");
});

function check_validate() {
  let bCheck = "validate = ok";
  $(".phone").each(function(i) {
    if (!$(this).inputmask("isComplete")) {
      bCheck = "validate = no";
      $(this).addClass("invalid");
      this.onanimationend = () => {
        $(this).removeClass("invalid");
      };
    }
  });
  console.log(bCheck);
}
    button { display: block; }

.invalid { animation: 3s invalid; }
@keyframes invalid {
  25% { box-shadow: 0 0 10px red; }
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/inputmask/4.0.9/jquery.inputmask.bundle.min.js" integrity="sha256-O4r2M4p1dxfVFgKvwK23D1RQdTU8ABlIBir9aGP+KJY=" crossorigin="anonymous"></script>
<input type="text" class="phone">
<input type="text" class="phone">
<input type="text" class="phone">
<button onclick="check_validate();">Validate</button>

    • 2

相关问题