如何验证通过JavaScript正则表达式仅输入的字母和空格

How to validate a letter and whitespace only input via JavaScript regular expression

本文关键字：输入 空格 正则表达式 JavaScript 何验证 验证      更新时间：2023-09-26

我的HTML代码中有一个名称input type="text"。我需要确保它是一个字符串，仅包含从"a"到"z"、从"a"到"z"的字母以及空格。

这是我的HTML代码：

<form action="" name="f" onsubmit="return f1()">
                Name : <input type="text" name="name">

我希望我的JavaScript是这样的：

function f1() 
{  
   var x=document.f.name.value;  
   ..... 
   ..... 
   return false;
}

附言：我对正则表达式不是很熟悉，所以请用代码做一个解释。

您可以使用javascript test()方法验证名称字段。test()方法测试字符串中的匹配项。

/^[A-Za-z's]+$/.test(x) //returns true if matched, vaidates for a-z and A-Z and white space

或

/^[A-Za-z ]+$/.test(x)

如果你正在为现代浏览器构建一些东西，HTML5:中有一些非常令人愉快的东西

<input id="username" name="name" type="text" pattern="[a-zA-Z]{5,}" title="Minimum 5 letters" required />

参考：HTML5表单输入类型

2017年1月17日更新：

如今，旧浏览器的市场份额相当疲软。这是使用HTML5功能而不是兼容性脚本的好做法。

检查正则表达式和模式。

function f1() 
{  
   var x=document.f.name.value;  
   return /^[A-z ]+$/.test(x);
}

这里有一个更长的regx。它在所有语言中寻找a-z，拉丁语等。你也可以写连字符-下划线_点。以及空间

var reg =  /^[a-zA-Z._-'s{1}'u00C6'u00D0'u018E'u018F'u0190'u0194'u0132'u014A'u0152'u1E9E'u00DE'u01F7'u021C'u00E6'u00F0'u01DD'u0259'u025B'u0263'u0133'u014B'u0153'u0138'u017F'u00DF'u00FE'u01BF'u021D'u0104'u0181'u00C7'u0110'u018A'u0118'u0126'u012E'u0198'u0141'u00D8'u01A0'u015E'u0218'u0162'u021A'u0166'u0172'u01AFY'u0328'u01B3'u0105'u0253'u00E7'u0111'u0257'u0119'u0127'u012F'u0199'u0142'u00F8'u01A1'u015F'u0219'u0163'u021B'u0167'u0173'u01B0y'u0328'u01B4'u00C1'u00C0'u00C2'u00C4'u01CD'u0102'u0100'u00C3'u00C5'u01FA'u0104'u00C6'u01FC'u01E2'u0181'u0106'u010A'u0108'u010C'u00C7'u010E'u1E0C'u0110'u018A'u00D0'u00C9'u00C8'u0116'u00CA'u00CB'u011A'u0114'u0112'u0118'u1EB8'u018E'u018F'u0190'u0120'u011C'u01E6'u011E'u0122'u0194'u00E1'u00E0'u00E2'u00E4'u01CE'u0103'u0101'u00E3'u00E5'u01FB'u0105'u00E6'u01FD'u01E3'u0253'u0107'u010B'u0109'u010D'u00E7'u010F'u1E0D'u0111'u0257'u00F0'u00E9'u00E8'u0117'u00EA'u00EB'u011B'u0115'u0113'u0119'u1EB9'u01DD'u0259'u025B'u0121'u011D'u01E7'u011F'u0123'u0263'u0124'u1E24'u0126I'u00CD'u00CC'u0130'u00CE'u00CF'u01CF'u012C'u012A'u0128'u012E'u1ECA'u0132'u0134'u0136'u0198'u0139'u013B'u0141'u013D'u013F'u02BCN'u0143N'u0308'u0147'u00D1'u0145'u014A'u00D3'u00D2'u00D4'u00D6'u01D1'u014E'u014C'u00D5'u0150'u1ECC'u00D8'u01FE'u01A0'u0152'u0125'u1E25'u0127'u0131'u00ED'u00ECi'u00EE'u00EF'u01D0'u012D'u012B'u0129'u012F'u1ECB'u0133'u0135'u0137'u0199'u0138'u013A'u013C'u0142'u013E'u0140'u0149'u0144n'u0308'u0148'u00F1'u0146'u014B'u00F3'u00F2'u00F4'u00F6'u01D2'u014F'u014D'u00F5'u0151'u1ECD'u00F8'u01FF'u01A1'u0153'u0154'u0158'u0156'u015A'u015C'u0160'u015E'u0218'u1E62'u1E9E'u0164'u0162'u1E6C'u0166'u00DE'u00DA'u00D9'u00DB'u00DC'u01D3'u016C'u016A'u0168'u0170'u016E'u0172'u1EE4'u01AF'u1E82'u1E80'u0174'u1E84'u01F7'u00DD'u1EF2'u0176'u0178'u0232'u1EF8'u01B3'u0179'u017B'u017D'u1E92'u0155'u0159'u0157'u017F'u015B'u015D'u0161'u015F'u0219'u1E63'u00DF'u0165'u0163'u1E6D'u0167'u00FE'u00FA'u00F9'u00FB'u00FC'u01D4'u016D'u016B'u0169'u0171'u016F'u0173'u1EE5'u01B0'u1E83'u1E81'u0175'u1E85'u01BF'u00FD'u1EF3'u0177'u00FF'u0233'u1EF9'u01B4'u017A'u017C'u017E'u1E93]+$/;
                    return reg.test(val);

/^[A-Z ]+$/i.test(x)根据您的规范执行此操作，但如果我是您，我会添加短划线，即/^[-A-Z ]+$/i.test(x)，因为双管名称非常常见。当然，我建议以后在JS的RegExp中获得unicode单词检测支持以支持更多的名称后再重新访问它。

编辑：事实上，如果你想确保这个名字没有格式错误，例如至少有名字和姓氏，并且没有多余的空格，你可以这样做：/^(?:[-A-Z]+ )+[-A-Z]+$/i.test(x)。我还记得你可能也想加点，比如"小亨利·琼斯"。与上一个相结合，这将是：/^(?:[-A-Z]+'.? )+[-A-Z]+$/i.test(x)。

 <!--For Character in Textbox Script -->
    <script type="text/javascript">
        function isAlfa(evt) {
            evt = (evt) ? evt : window.event;
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            if (charCode > 32 && (charCode < 65 || charCode > 90) && (charCode < 97 || charCode > 122)) {
                return false;
            }
            return true;
        }
        function toTitleCase(str) {
            return str.replace(/'w'S*/g, function (txt) {
                return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
            });
        }

    </script>
    <!--For Character in Textbox Script -->

EDIT：实际上，如果你想确保这个名字没有格式错误，例如，至少有名字和姓氏，并且没有多余的空格，你可以这样做：/^（？：[-A-Z]+）+[-A-Z]+$/i.test（x）。我还记得你可能也想包括点，例如"Henry Jr.Jones"；。与上一个组合，这将是：/^（？：[-A-Z]+.？）+[-A-Z]+$/i.test（x）.

相关文章：