使用 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

这是你想要的？

    var input = document.getElementById("Phone_num");

    input.addEventListener("blur", function(){

        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 = "";

    }

    })

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

Answer 3

我相信你正在寻找的是

<input type="text" onfocusout="myFunction()">