Question

我创建了一个包含约18个输入字段的表单。所有输入字段均包含 0 作为默认值。我需要验证并阻止表单提交，并且如果用户不会更改或更新至少一个默认值，则需要显示一条警报消息。

我正在使用欧芹验证来验证我的表单，因此可以使用欧芹或javascript达到我的要求。

谢谢

Answer 1

您可以对此输入使用相同的类名，并在提交表单上添加事件以检查这些输入值，然后检查是否有任何具有默认值的输入。

例如：

//Elements with your input class
const formFields = document.getElementsByClassName('you-class');

//Add validation on event click
document.addEventListener('click', function (event) {
    validate(event);
}, false);

//Simple function to validate
function validate(e) {
    for (let i = 0; i < formFields.length; i++) {
        if(formFields[i].value === 0) {
            //block submit
            e.preventDefault();

            //display some error information...
        }
    }
}

欧芹验证默认值是否未更新

1 个答案: