函数返回true，即使应该返回false

Question

我正在使用NextJS创建一个客户端表单。我试图在表单的客户端上放置验证，并将其放在一个单独的函数中，但每次运行validateForm()函数时，它都会返回true，而不管输入如何。我觉得我在这里漏掉了一些愚蠢的东西，但我正在绞尽脑汁，却一无所获。以下是代码：

const [jobSubmission, setJobSubmission] = useState({});

   
    function handleChange (e){
        
            const jobInputName = e.target.name;
            const jobInputValue = e.target.value;
    
            const newJobSubmission = {
                ...jobSubmission, 
                [jobInputName]: jobInputValue,
            }

            console.log(newJobSubmission)
            setJobSubmission(newJobSubmission)
    }
    

    function validateForm (){
        console.log("Validation runnning")

        if(jobSubmission.jobCategory == `Please-Select` || jobSubmission.jobCategory === null){
            alert("Please make job category selection")
            return false
        }

        if (jobSubmission.salarRange !== null && jobSubmission.timeOfPayment === null){
            alert("Please select frequency of salary payment or remove salary range");
            return false
        }

        return true
    }

 

    function handleSubmission(){

        const isReady = validateForm()
        console.log(isReady)

        if (isReady === true){
        // Add UniqId
        const finalJobObject = {
            ...jobSubmission,
            jobId: uniqid()
        }

        sendJobToDB(finalJobObject)
        window.location = "/post-a-job/thank-you"
    } else{
        alert("Please fill in all required fields")
    }
        
    }

基本上，我想将验证检查放在单独的验证函数中，并在出现问题时实际返回false。

我已经尝试更改如何跟踪布尔值，但它始终返回true。

Answer 1

可能是由于使用了==和===的混合使用导致的。我建议首先尝试以下代码：

function validateForm() {
    console.log("Validation running");

    if (jobSubmission.jobCategory === 'Please-Select' || jobSubmission.jobCategory === undefined) {
        alert("Please make a job category selection");
        return false;
    }

    if (jobSubmission.salaryRange !== null && jobSubmission.timeOfPayment === undefined) {
        alert("Please select the frequency of salary payment or remove the salary range");
        return false;
    }

    return true;
}

如果仍然存在问题，我建议在控制台日志中检查jobSubmission对象，并确保您正在检查的值符合预期。