Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 验证输入字段的代码中有什么错误_Javascript_Reactjs - Fatal编程技术网

Javascript 验证输入字段的代码中有什么错误

Javascript 验证输入字段的代码中有什么错误,javascript,reactjs,Javascript,Reactjs,我有一个输入,用户应该在其中编写ELIMINA,以便提交模式,到目前为止,我编写了此功能以进行验证: var validation = false; function validateElimina(e) { var inputField = e.target.value; if (inputField === 'ELIMINA') { validation = true; } validation

我有一个输入,用户应该在其中编写ELIMINA,以便提交模式,到目前为止,我编写了此功能以进行验证:

var validation = false;
    function validateElimina(e) {
        var inputField = e.target.value;
        if (inputField === 'ELIMINA') {
            validation = true;
        } 
        validation = false;
    }

    function onValidate() {
        if(validation == true) {
            return console.log('EXISTS')
        }
        return console.log('FALSE');
    }
这是输入字段:

{props.eliminaInput ? <Input onChange ={(e) => validateElimina(e) } className="elimina-input" type="text" autoFocus={true} /> : null}
{props.eliminaInput?validateElimina(e)}className=“elimina input”type=“text”autoFocus={true}/>:null}
这是用于提交的按钮:

<Button
   onClick={() => onValidate()}
   className="button-modal col-5 py-2 text-uppercase">
    {props.buttonText}
</Button>
onValidate()}
className=“按钮模式col-5 py-2文本大写”>
{props.buttonText}

所以现在,如果我按下按钮,不管输入字段中有什么,它都显示为FALSE。请帮助。

您总是将其设置为false。将其移到if之前

validation = false;
if (inputField === 'ELIMINA') {
  validation = true;
} 
或者使用其他工具

if (inputField === 'ELIMINA') {
  validation = true;
} else {
  validation = false;
}

您总是将其设置为false。将其移到if之前

validation = false;
if (inputField === 'ELIMINA') {
  validation = true;
} 
或者使用其他工具

if (inputField === 'ELIMINA') {
  validation = true;
} else {
  validation = false;
}

你进入if,,。。。。将验证设置为true,退出if并将验证设置为false…查看受控组件。创建一个状态并将其值设置为onchange。然后使用if-else条件onvalidate函数进入if、、,,。。。。将验证设置为true,退出if并将验证设置为false…查看受控组件。创建一个状态并将其值设置为onchange。然后使用if-else条件onvalidate函数validation是一个全局变量,如果它在另一个函数中,我不能在onvalidate中使用它。或者我可以,但我不知道怎么做。这就是为什么我想将其设置为全局变量,然后在validateElimina函数中对其进行更改。哦,等等,我很愚蠢,我明白你的意思,它起作用了。非常感谢。验证是一个全局变量,如果它在另一个函数中,我不能在onValidate中使用它。或者我可以,但我不知道怎么做。这就是为什么我想将其设置为全局变量,然后在validateElimina函数中对其进行更改。哦,等等,我很愚蠢,我明白你的意思,它起作用了。非常感谢。别忘了导入useState别忘了导入useState