Javascript – Input element 只保留英文數字

HTML 部份

HTML
<input type="text" id="test">

JavaScript 部份

JavaScript
document.addEventListener('DOMContentLoaded', function () {
    const element = document.getElementById("test");

    //當使用者input 的時候則會觸發以下動作
    element.addEventListener("input", () => {
        //只保留英文及數字
        element.value = element.value.replace(/[^a-z0-9]/gi, '');
    });

})

開始在上面輸入您的搜索詞,然後按回車進行搜索。按ESC取消。

返回頂部