Braintree-javascript - 如何使 drop-in ui 表单完成 requi 变红？

Question

我希望能够具有与 Braintree 的 drop-in required attribute 相同的行为 ui 这样，如果用户尚未完成 Braintree 的 drop-in ui表单，然后在点击提交后，用户将收到通知并且无法继续。

我正在创建一个看起来像这样的表单：

<form>
      <input type ='text' name='fullname' required>
      <!-- braintree drop-in ui form-->
      <div class="text-center" id="payment-form"></div>
      <input type ='text' name='email' required>
</form>

Answer 1

经过进一步测试，我发现 Braintree 插件 ui 已经具有此功能。只是如果最底部的字段未填写，那么该字段上会出现一个通知气泡（在这种情况下，如果您将电子邮件留空）。但是，如果您同时填写了电子邮件和全名，那么插入的 ui 行会抖动并变成红色。