JavaScript 表单验证：为什么手机号码为空时仍能提交？

javascript 表单非空验证遇到困难

在进行表单验证时，遇到这样一个问题：当手机号码为空时，提交表单仍能通过。

问题描述

如下图所示，尝试对表单进行非空验证，但在手机号码为空的情况下，提交表单也会成功。

解决方案

检查代码后发现，问题可能是由于没有正确获取到手机号码。尝试如下解决方法：

const mobile = document.getElementById('mobile').value; // 获取手机号码
console.log(mobile); // 输出手机号码以检查是否存在

if (mobile === '') {
  // 手机号为空，给出提示
  alert('手机号码不能为空！');
}

通过输出手机号码，可以检查是否存在，若不存在则给出提示。

以上就是JavaScript 表单验证：为什么手机号码为空时仍能提交？的详细内容，更多请关注其它相关文章！