条带:隐藏的条带字段显示验证错误

I have a form, Where i am showing the current cards of stripe customer, As well i have an option of new card payment fields.

<form>
    //inputs
    .......
    <div class="row" id="payementForm" style="display: none">
        <div class="form-row">
            <label for="card-element">
            </label>
            <div id="card-element">
            </div>
            <div id="card-errors" role="alert"></div>
          </div>
    </div>
</form>

When i submit the form with the user using the existing card, The hidden field of stripe shows validation errors.

I am curious that why its showing validation errors, **They are hidden. Is there anyway around **