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

Question

我正在使用这个蒙面输入插件,我想检查字段是否为空.以下是我尝试过但它似乎不起作用:

HTML

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

Le 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');
  }
});