更改DIV中空输入的边框颜色

Question

我有以下代码，当缺少值时，它将输入的边框变为红色；问题是，即使只有一个输入丢失，它也会将所有输入边框更改为红色。

$('#button_one').click(function(){
  var result = $(".className input[required]").filter(function(){
    return $.trim($(this).val()).length == 0
  }).length == 0;

  if (result) {
    // Loads the next section of the form...
  } else {
    $("className input[required]").css('border', 'solid 1px red');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class='className'>
  <label>Full Name <input type="text" required/></label>
  <label>Date of Birth <input type="date" required/></label>
</div>

我知道还有其他方法可以做到。但是，这些HTML部分是通过另一个按钮动态添加的。所以我永远无法真正知道有多少DIV输入部分。