如何使用JavaScript用正则表达式验证名称

在将用户的输入提交到服务器端之前,在客户端脚本上验证它总是一个好方法。名称输入是web应用程序HTML表单的常用字段。当您希望从用户输入名称时,必须检查输入值是否由用户提供有效名称。使用JavaScript,可以很容易地在表单中实现全名验证,以检查用户是否提供了他们的姓名。

正则表达式(Regular Expression)REGEX是验证JavaScript中的名字格式的最简单方法。
在以下代码片段中,我们将展示如何使用JavaScript 正则表达式验证名字。

  • test() - 此函数用于在JavaScript中执行正则表达式匹配。
var regName = /^[a-zA-Z]+ [a-zA-Z]+$/;
var name = document.getElementById('nameInput').value;
if(!regName.test(name)){
    alert('Invalid name given.');
}else{
    alert('Valid name given.');
}

以下代码片段显示如何使用JavaScript以HTML表单验证名称的输入字段。

<p>Full Name: <input id="name" value=""></p>
<input type="button" onclick="validate();" value="Validate Name">
<script>
function validate(){
    var regName = /^[a-zA-Z]+ [a-zA-Z]+$/;
    var name = document.getElementById('name').value;
    if(!regName.test(name)){
        alert('Please enter your full name (first & last name).');
        document.getElementById('name').focus();
        return false;
    }else{
        alert('Valid name given.');
        return true;
    }
}
</script>
日期:2020-06-02 22:16:30 来源:oir作者:oir