验证输入字段全名(名字,姓氏)-JavaScript

托多·马尔科夫

需要验证全名(名字/姓氏-1个输入字段)。我是这个领域的新手,无法制定正确的语法,也许也可以使用正则表达式

<form name="myForm" action="#" id="form" onsubmit="return validateForm()" method="POST">
            <div class="field"><span class="input"><i class="fas fa-user-alt"></i>
                    <input type="text" id="name" name="Fullname" placeholder="Full Name" >
                </span>


function validateForm() {
var name= document.getElementById('name').value;
var x = name.indexOf(" ");
var fname = name.substring(0, x);
var lname = name.substring(x).trim();
if ( 17 < fname.value.length < 5 || 4 > lname.value.length > 17 || x.value.length != 1) {
    alert("try again")
    return false;
 }
 alert("OK")
return true;
}

字段(1个字段)应包含2个字,其长度应为3到20个符号。

编辑:看来工作..最后!

function input (name) {
  let fullNameArr = name.split('')
  const space = ' '
  let firstName = ''
  if (fullNameArr.includes(space)) {
    for (let i = 0; i < fullNameArr.length; i++) {
      if (!firstName.includes(space)) {
        firstName += fullNameArr[i]
      }
    }
  }
  firstName = fullNameArr.splice(0, firstName.length)
  const lastName = fullNameArr
  if (firstName.length > 3 && firstName.length <= 21 && lastName.length >= 3 && lastName.length <= 20 && lastName.includes(space) === false) {
    console.log(firstName)
    console.log(lastName)
  } else {
    console.log('Invalid Name')
    return false
  }
}
input('Todor Markov')

卡莱布·达文波特(Caleb Davenport)

您的模型对名称做了几个假设。通常将姓氏和名字作为单独的输入框来消除此障碍。

从UX的角度来看,如果不打算使用单独的字段,则需要使用工具提示进行验证,该提示会检查用户是否有多个空格来警告用户必须输入FirstName LastName

从正则表达式验证视图来看,这是确保其有效的全部内容。
/^[a-z ,.'-]+$/i.test("Johnny 'Van' Pat-ton Jr.")没有数字,但允许使用字母和特殊字符,.'-

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

当有人在Javascript中输入全名时如何获取名字和姓氏?

在Javascript中将全名拆分为名字和姓氏

Javascript数组将电子邮件子字符串转换为全名,名字和姓氏

空输入字段的JavaScript验证

我可以在Firebase UI Javascript库中更改“名字和姓氏”字段标签吗?

在javascript中仅显示一个输入即可显示div中的名字和姓氏

Javascript 验证输入字段 + 选择字段

使用javascript分割名字和姓氏

使用JavaScript验证多个输入字段

使用javascript验证字段中的密钥输入

使用JavaScript或jQuery验证输入字段

Javascript 中的基本输入字段验证

PHP和Javascript输入字段验证

从LINQ C#中包含全名的字段中搜索名字和姓氏

如何制作验证名字和姓氏输入的函数 - Kotlin

在 JavaScript 中将名字和姓氏的数组拆分为名字和姓氏的变量

如何在javascript中组合名字和姓氏?

Javascript字符串匹配名字或姓氏,包括部分

将文本框输入传递到另一个页面时出现问题 - 特别是 javascript 和 html 中的名字和姓氏

从输入字段验证 onchange 文件名(普通 javascript)

无法使用 PHP 和 JavaScript 验证表单输入字段

在JavaScript中使用鼠标滚轮事件验证输入字段的问题

将模式链接到输入字段并使用JavaScript进行验证

输入字段空白验证不起作用的javascript

用于验证输入文本字段的单个 JavaScript 函数

将全名拆分为名字、姓氏和标题

将全名分为Rest数据的名字和姓氏

SQL:如何从全名解析名字、姓氏和标题?

从全名QString中获取名字和姓氏