提交验证失败

Question

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

此外，如果验证失败，则不应返回笑话（按钮 onclick 通过使用名字和姓氏提供笑话并将其发送到 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!"); }