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