在 Javascript 中进行表单验证

Question

我有一个表单，其中有一个字段，用户在其中输入他们的电话号码，我们强制他们以 +34 开头，后跟 9 位数字（该字段应该有总共 12 位数字），但是当我在 + 31 例如我拿起它好像是 +34，这是使用

<input type="text">

这是一个变量

let phone2 = phone.length

这是我在 Javascript 中使用的条件

if (phone != '+34' & phone2 < 12) {
        evt.preventDefault ();
        alert ('The phone number must start with +34 and have at least 12 digits');
        
      }

如果有人可以帮助我

Answer 1

尝试这个：

请注意， onblur意味着当输入字段失去焦点时将触发测试函数。 因此，要运行测试，请键入一些内容，然后在输入字段外单击。

 const $ = document.querySelector.bind(document); function test() { const phone = $('input').value; if (phone.substr(0, 3) !== '+34' || phone.length < 12) { alert('The phone number must start with +34 and have at least 12 digits'); } else { alert('good job'); } }

 <input onblur="test()" placeholder="Phone (must begin with +34)" />