使用 javascript 和 html 在输入外部单击后附加一个函数

Question

我的html是：

<input class="UserInfo" type="text" placeholder="phone Format" id="Phone_num">

这是我的js：

function checkPhoneFormat(){

const phone = document.getElementById("Phone_num").value;

const phoneFormatRex = /^\+?[0-9(),.-]+$/;

var match = phoneFormatRex.exec(phone);

if (match) {

    document.getElementById("Phone_num").value = phone;

}

else {

    document.getElementById("Phone_num").value = "";

}

}

我想要的是在用户单击输入字段外部后检查手机的格式？

Answer 1

document.getElementById("Phone_num").value和document.getElementById("phone_num").value有一个拼写错误，属性值始终区分大小写。id 值应该是Phone_num或者phone_num

Answer 2

这是你想要的？&nbsp; &nbsp; var input = document.getElementById("Phone_num");&nbsp; &nbsp; input.addEventListener("blur", function(){&nbsp; &nbsp; &nbsp; &nbsp; const phone = document.getElementById("Phone_num").value;&nbsp; &nbsp; const phoneFormatRex = /^\+?[0-9(),.-]+$/;&nbsp; &nbsp; var match = phoneFormatRex.exec(phone);&nbsp; &nbsp; if (match) {&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("Phone_num").value = phone;&nbsp; &nbsp; }&nbsp; &nbsp; else {&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("Phone_num").value = "";&nbsp; &nbsp; }&nbsp; &nbsp; })<input class="UserInfo" type="text" placeholder="phone Format" id="Phone_num">

Answer 3

我相信你正在寻找的是<input type="text" onfocusout="myFunction()">