jquery - 如何确保用户只输入一个名字？

Question

我想确保用户准确输入一个名称(名字或姓氏，但不能同时输入或都没有)，同时确保输入的名称长度超过 3 个字符。

我尝试过这样做，但是将其留空和使其多 2 个字符之间存在冲突。

这是我的代码:

if ($("#firstName").val().length > 0 && $("#lastName").val().length > 0) {
    event.preventDefault();
    $("#error").slideDown().text("You may enter just first name or last name");
    return;
} else if ($("#firstName").val().length <= 2 || $("#lastName").val().length <= 2) {
    event.preventDefault();
    $("#error").slideDown().text("Your name have to contain at least 3 letters");
    return;
}

fiddle 可以找到here

Answer 1

检查名称中是否存在空格。如果存在，则用户已输入全名

试试这个:

var name = $.trim($('#firstName').val());
if (name.length < 3 && name.indexOf(' ') > -1) {
    alert("Invalid Name; Enter first name or last name only");
}