Javascript 即使表单验证失败，也会调用语义UI onSuccess回调

提交表单时，即使验证失败，仍会调用onSuccess回调

为什么在表单无效时调用它

示例如下：

片段：

详细解释以满足提交时的代码/文本比率：

在这个代码段中，我有一个在调用onSuccess事件时写入的文本。单击submit，您将看到表单无效，并且onSuccess文本被写入。在该文本下是通过调用

$（“.ui.form”）.form（'is valid'）

来判断表单是否有效的布尔值

$（“.ui.form”）.form({
onSuccess:函数（事件、字段）{
提交表单（字段）；
event.preventDefault（）；
}
});
//处理提交的表单数据
函数提交表单（字段）{
var valid=$（“.ui.form”）.form（'is valid'）；
$（'#successText'）.html（“成功时调用“+”
有效：“+Valid”）；
控制台日志（“提交表格”）；
console.log（字段）；
}
$（'.ui.form'）.form({
字段：{
输入1：{
标识符：“input1”，
规则：[{
键入：“空”，
提示：“input1-此字段为必填字段”
}]
},
输入2：{
标识符：“input2”，
规则：[{
键入：“空”，
提示：“input2-此字段为必填字段”
}]
}
}
});

提交
通过使用两个独立的
.form（）
方法调用，它似乎创建了两个相互独立执行的验证检查。因此，没有规则的第一次呼叫总是成功的

将
onSuccess
事件移动到与验证规则相同的调用中，它将开始按预期工作


//处理提交的表单数据
函数提交表单（字段）{
var valid=$（“.ui.form”）.form（'is valid'）；
$（'#successText'）.html（“成功时调用“+”
有效：“+Valid”）；
控制台日志（“提交表格”）；
console.log（字段）；
}
$（'.ui.form'）.form({
字段：{
输入1：{
标识符：“input1”，
规则：[{
键入：“空”，
提示：“input1-此字段为必填字段”
}]
},
输入2：{
标识符：“input2”，
规则：[{
键入：“空”，
提示：“input2-此字段为必填字段”
}]
}
},
onSuccess:函数（事件、字段）{
提交表单（字段）；
event.preventDefault（）；
}
});

提交