javascript - 如何检查屏蔽的输入字段是否为空

Question

我正在使用这个 masked input plugin我想检查该字段何时为空。以下是我尝试过但似乎不起作用的方法:

HTML

<input type="text" name="phone" id="phoneid" />

JavaScript:

$("#phoneid").mask("999-999-9999");

此代码无效

            $("#phoneid").keyup(function(){
                if($("#phoneid").val().length == 0){
                    alert(111);
                }
            });

Answer 1

您正在使用的屏蔽插件会更改 input 元素的值。

当元素为空时，它的值为___-___-____。

在检查值的长度时，您可以简单地去掉 _/- 字符:

$("#phoneid").on('keyup', function() {
  if (this.value.replace(/[_-]/g, '').length === 0) {
    alert('Empty');
  }
});

或者，您还可以检查该值是否仅包含 _/- 字符:

$("#phoneid").on('keyup', function() {
  if (/^[_-]+$/.test(this.value)) {
    alert('Empty');
  }
});