javascript - 缩短Jquery条件

Question

我有一个关于如何缩短 Jquery if 语句的问题。在我的表单中，我有几个字段，我会检查它们是否已填写。我知道有几个插件可以为我做到这一点，但我不想自己学习(在其他人的帮助下;-))

我收到了这张支票

//---- First define hasError
var hasError = false;
//---- Get the value from the inputfield
var firstname = $('#firstname').val();
//---- Do the check
if(firstname == ''){
 $("#error_firstname").show();
 hasError = true;
}else{
 $("#error_firstname").hide();
}

我想我可以这样写:

(firstname == '') ? $(".firstname").show(): $(".firstname").hide();

这可行，但我不能将 hasError=true 放入其中，所以我最终不能问这个

if(hasError != false) {
 //---- if error, don't refresh page and show errors
 return false;
}else{
 //---- Save values to DB and show succes message
}

有人有想法吗？

提前交易

Grtzz

Vim

Answer 1

首先，将其重构为一个函数，以便您可以将其重用于所有字段。

示例:

function check(fieldname) {
    var value = $('#' + fieldname).val();
    var error = $('#error_' + fieldname);
    if (value == '') {
        error.show();
        $.hasError = true;
    } else {
        error.hide();
    }
}

这样您就可以按如下方式使用它:

check('firstname');
check('lastname');
// etc..

当然，您可以通过将所有名称存储在数组中或仅通过获取 $(':input') 并在环形。您一直忙于重构；)您最终可以看看现有的表单验证插件是如何做到这一点的。例如jQuery Validator .

重点是:不要重复代码。重构它。