js 只能输入英文

qq_31706095

已于 2024-08-24 12:04:03 修改

阅读量85

点赞数 2

文章标签： javascript 前端 html

于 2024-08-24 11:58:32 首次发布

本文链接：https://blog.csdn.net/qq_31706095/article/details/141496705

版权

<div>
    <input id="enInput" style="text-transform: uppercase">
</div>

    $("#enInput").keydown(function (event) {
        var currentTarget = event.currentTarget;
        currentTarget.value=currentTarget.value.replace(/[^a-zA-Z]/g,'');
        var regex = /^[a-zA-Z ]+$/;
        var str = String.fromCharCode(!event.charCode ? event.which : event.charCode);
        if (!regex.test(str)) {
            event.preventDefault();
            return false;
        }
    });

// 或者 <input id="enInput" style="text-transform: uppercase" οnkeydοwn="onlyEn(this)">

    function onlyEn(obj) {
        var doc = document.getElementById(obj.id);
       // obj.value=obj.value.replace(/[^a-zA-Z]/g,''); 把不是字母的全部替换为空白字符，^在正则表达式中表示的是非
        var str = String.fromCharCode(!event.charCode ? event.which : event.charCode);
        var regex = /^[a-zA-Z ]+$/;
        if (!regex.test(str)) {
            event.preventDefault();
           return false;
        }
    }