在将用户的输入提交到服务器端之前,在客户端脚本上验证它总是一个好方法。名称输入是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