javascript - 表单验证 - 如何使用 If 和 Else If

Question

我正在尝试进行 Javascript 表单验证，并且在某些情况下我想将 formValue 设置为 0。也就是说，如果任何必填字段未填写，则该值应变为 0。

function formValidation() {
            var formValue = 1;

            if (document.getElementById('orgname').value == '') formValue = 0;
            else if (document.getElementById('culture[]').value == '') formValue = 0;
            else if (document.getElementById('category[]').value == '') formValue = 0;
            else if (document.getElementById('service[]').value == '') formValue = 0;

            if (formOkay == 1) {
           return true;
      } else if (formOkay == 0) {
           alert('Please fill out all required fields');
           return false;
      }
 }

有没有更优雅的方法来做到这一点？

编辑:脚本现在似乎不起作用。

Answer 1

你可以做一些循环:

var toCheck = ['orgname', 'culture[]', 'category[]', 'category[]']
for(var id in toCheck )
{
    if(document.getElementById(id).value == ''){
        formValue = 0;
        break;
    }
}

更优雅的方法是在要检查的每个输入上指定“必需”类，然后使用 jQuery 执行以下操作:

$(document).ready(function(){
    var toCheck = $('.required');
    var formValue = 1;
    $.each(toCheck, function(index, element){
        if(element.val() == '')
           formValue = 0;
    });
});