javascript - 提交验证失败

Question

代码应验证输入字段不包含数字且仅包含字母，并且两个字段都不为空。目前它可以检测它们是否不为空，但它只检测“名字”中的数字——我已经设法让一个或另一个工作，但从来没有同时工作过。帮助!!

此外，如果验证失败，则不应返回笑话(单击按钮通过使用名字和姓氏提供笑话，并将其发送到 API 以检索笑话)。

   function validateForm() {
        var firstname = document.getElementsByName("firstname")[0].value;
        var lastname = document.getElementsByName("lastname")[0].value;
        var input = document.getElementsByName("firstname" && "lastname");
        if (firstname == "" && lastname == "") {
            alert("Please enter atleast one name");


        }
        else if (!(/^[a-zA-Z]+$/.test(firstname || lastname))) {
            alert("'Only alphabets allowed'");

        }
    }

    return (
        <div className="jokeForm" >
            <form name="searchForm" >
                <input type="text" name="firstname" placeholder="First name" value={firstname} onChange={(e) => setFN(e.target.value)} />
                <input type="text" name="lastname" placeholder="Last name" value={lastname} onChange={(e) => setLN(e.target.value)} />
            </form>
            <button onClick={() => validateForm(newJoke(firstname, lastname))}>click here for a personalised chuckle</button>
            <h3>{joke}</h3>
        </div >

    )
}

Answer 1

使用 + 将两个字符串相加。并使用 Regex 进行测试。例如。

var firstname="j";
var lastname="k1";
if (!(/^[a-zA-Z]+$/.test(firstname + lastname))) {
        alert("Only alphabets allowed!");
    }