条纹元素跳到位置(如果无效)

时间:2019-01-03 17:43:30

标签: stripe-payments react-stripe-elements

使用Stripe元素时,如果字段内容无效或该字段保留为空,则提交后,Stripe会将页面跳转应用于card字段。

问题是,我有一个标头,所以用户看不到该字段。

相反,我希望页面从顶部向下滚动250px,这就是我在进行其他字段验证时所做的事情。

我已将其处理为错误状态,但被忽略了。

stripe.createToken(card, {name: card_name}).then(function(result) {

    if (result.error) {

        var errorElement = document.getElementById('card-errors');
        errorElement.textContent = result.error.message;

        var scrollpoint = jQuery('.StripeElement--invalid').offset().top - 250; 
        jQuery('html, body').animate({
            scrollTop: scrollpoint
        }, 300);

    }

}

有没有人知道要改变Stripe设置的位置,还是设置另一个位置,就像我在上面的代码中尝试过的那样。

0 个答案:

没有答案