时间戳

首页 > 解决方案 > Parsley 验证默认值是否未更新

javascript - Parsley 验证默认值是否未更新

问题描述

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

我正在使用欧芹验证来验证我的表单，所以是否可以使用欧芹或 javascript 来实现我的要求。

谢谢

标签： javascriptparsley

解决方案

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

例如：

//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...
        }
    }
}

推荐阅读