减少通过函数传递多个对象的重复

user6002037 发表于 Dev

用户名

我正在检查用户输入，并在提交时正在检查输入是否为空。如果为空，则通过添加红色边框来添加一个类以突出显示输入框为空。我正在通过一种称为app.setInvalidClass.init()设置无效类的方法来运行每个输入框。我可以从重复中减少这种情况如下

app.setInvalidClass.init(!app.validation.email(userEmail), userEmail);
app.setInvalidClass.init(!app.validation.empty(userName), userName);
app.setInvalidClass.init(!app.validation.empty(userLastName), userLastName);
app.setInvalidClass.init(!app.validation.empty(contestName), contestName);
app.setInvalidClass.init(!app.validation.empty(countryName), countryName);
app.setInvalidClass.init(!app.validation.empty(date), date);
app.setInvalidClass.init(!app.validation.empty(month), month);
app.setInvalidClass.init(!app.validation.empty(year), year);

也许我可以使用Array#every，还是有更好的方法？

 $("#entry").submit(function( event ) {
                var userEmail = $("#email"),
                    userName = $("#first_name"),
                    userLastName = $("#last_name"),
                    date = $("#birth_day"),
                    month = $("#birth_month"),
                    year = $("#birth_year"),
                    countryName = $("#country"),
                    privacyCheck = $('#privacy_check');

                if (![date, month, year, countryName, userName, userLastName, userEmail]
                    .every(app.validation.empty) || !app.validation.dateOfBirth(date, month, year) || !app.validation.email(userEmail) || !privacyCheck.is(':checked') ) {
                    event.preventDefault();
                    alert("There are errors with your form.");
                    //set invalid class on form elements if errors
                    app.setInvalidClass.init(!app.validation.email(userEmail), userEmail);
                    app.setInvalidClass.init(!app.validation.empty(userName), userName);
                    app.setInvalidClass.init(!app.validation.empty(userLastName), userLastName);
                    app.setInvalidClass.init(!app.validation.empty(contestName), contestName);
                    app.setInvalidClass.init(!app.validation.empty(countryName), countryName);
                    app.setInvalidClass.init(!app.validation.empty(date), date);
                    app.setInvalidClass.init(!app.validation.empty(month), month);
                    app.setInvalidClass.init(!app.validation.empty(year), year);
                    privacyCheck.css({outline: 'red solid thin'})

                } else {
                    alert("You have entered the competition.");
                }      
            });


app.setInvalidClass = {
        init: function (invalidCondition, jQueryObject) {
            if(invalidCondition) {
                jQueryObject.addClass('invalid');
            }
            else {
                jQueryObject.removeClass('invalid');
            }
        }
    };

TJ人群

是的，对于相同的（所有emptys），可以使用forEach：

app.setInvalidClass.init(!app.validation.email(userEmail), userEmail);
[userName, userLastName, contestName, countryName, date, month, year].forEach(function(field) {
    app.setInvalidClass.init(!app.validation.empty(field), field);
});

就是说，验证是一个很广的领域，有很多libs / frameworks可以帮助您，您可能想看看使用一个而不是重新发明它。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。