【问题标题】:Ajax not working for Mobile devicesAjax 不适用于移动设备
【发布时间】:2023-03-23 05:45:01
【问题描述】:

我在一个 wordpress 网站上获得了我的表单:https://www.dravaliani.com/250botox/,如果您没有填写所有字段,则会在桌面上显示一条警告消息,以便用户不要让它们为空。

但是,如果我在移动设备(电话)上看到相同的表单,如果您将字段留空,则不会出现警告消息。平板电脑也会发生同样的情况。

表单是使用 GravityForm 创建的,但这不是它的错,因为我已经创建了另一个页面并且表单可以完美运行。所以我猜它没有加载到移动设备上的 ajax。

有什么想法吗?

【问题讨论】:

    标签: ajax wordpress forms gravityforms


    【解决方案1】:

    不是 ajax,您的 html 输出 gform_fields_1 中有重复的表单,这就是您看不到验证结果的原因。

    第一个表单使用 css 隐藏:

    @media screen and (max-width: 640px) .fusion-no-small-visibility 
    { display: none !important; 
    }
    

    添加错误消息的验证脚本很可能使用querySelector 选择表单并附加错误消息,如果您更改上面的css代码以显示第一个表单,您将看到验证错误已经存在。

    【讨论】:

    • 你是对的。虽然这应该不是问题,因为我正在使用 Avada,并且我为不同的设备创建了不同的部分,但这就是它被复制但不应该显示的原因。谢谢你的光
    猜你喜欢
    • 2016-11-10
    • 1970-01-01
    • 2015-11-15
    • 2016-11-02
    • 1970-01-01
    • 2016-10-03
    • 2014-11-11
    • 2013-05-29
    • 2016-07-05
    相关资源
    最近更新 更多