javascript - 表单验证 - 数组循环？

Question

我有以下代码，效果很好:

$('#register form .submit input').click(function(){    
    if(jQuery.trim($('#new-usr').val()) == '' || jQuery.trim($('#new-pwd').val()) == '' || jQuery.trim($('#new-pwd-confirm').val()) == ''){
      alert('Please fill in every required field (marked with an asterisk)');
      return false;
    }    
  });

但是，我还有很多字段要添加到此中，并且认为必须有一种方法将输入 id 存储在数组中并循环它们，而不是添加 jquery.trim($( '#inputid').val()) == '' 对于每一个。

在这种情况下，不能使用 jQuery 验证插件，因为这里的原因太无聊了。

Answer 1

尝试一下:

$('#register form .submit input').click(function(){    
    var success = true;
    $("#register form .required").each(function(){
        if(this.value === ""){
            success = false;
        }
    });
    if(!success){
        alert('Please fill in every required field (marked with an asterisk)');
        return false;
    };
});

并将所有必填字段指定为 required 类

编辑 这应该比:

$('#register form .submit input').click(function(){    
    var success = true;
    $("#new-usr, #new-pwd, #new-pwd-confirm").each(function(){
        if(this.value === ""){
            success = false;
        }
    });
    if(!success){
        alert('Please fill in every required field (marked with an asterisk)');
        return false;
    };
});