【问题标题】:How to validate form field with Parsley JS if field input has been populated automatically?如果字段输入已自动填充,如何使用 Parsley JS 验证表单字段?
【发布时间】:2016-12-05 14:03:55
【问题描述】:

我有一个注册表单,用户应该在其中输入其他个人详细信息以及他的电话号码的国家/地区前缀(例如德国的“+49”)。现在我运行了一个脚本,它会根据用户的 IP 地理位置自动检测国家/地区前缀。 如果 IP 位置成功确定了用户的当前位置,它会自动将国家代码放在注册表单的前缀字段中。

这意味着用户不必手动输入前缀。

我的问题是:一旦加载了注册表单,并且除了国家/地区前缀之外的所有字段都是空的,如何在点击提交按钮之前成功验证国家/地区前缀字段?

按照ParsleyJS documentation 的建议,我尝试了来自jQuery Events page 的各种触发器,但我没有完成......

对此的任何帮助将不胜感激!

编辑进一步澄清:如果您正在访问注册页面,IP 位置脚本会检测您的位置,将其转​​换为您所在国家/地区的电话前缀,并将该号码放入“前缀”表单场地。所以你不必再自己放在那里了。当然,这仅在 IP 位置脚本成功识别您的位置时才有效,但在大多数情况下都有效。所以我想要实现的是这个表单得到了绿色验证背景,尽管你自己没有输入前缀。换句话说,在大多数情况下,前缀已经存在于字段中。 我正在使用 data-parsley-triggers,没有 jQuery 或 JS 来验证整个表单。

您可以在图片中看到我输入了一个名字 Foo,它在 data-parsley-trigger="change" 上验证。蓝色箭头显示已由 IP 位置自动填充的字段 - 由于我错过了正确的触发器,因此它们未经过验证。

【问题讨论】:

    标签: parsley.js


    【解决方案1】:

    尚不清楚您要达到什么目的(为什么要在明确有效时验证该字段),但为什么不简单$('input[name="phone_prefix"]').parsley().validate()

    【讨论】:

    • 请在我原来的问题中查看我的“编辑”,因为评论空间不够......
    • 我添加了你的 sn-p,现在它可以工作了!非常感谢!
    猜你喜欢
    • 1970-01-01
    • 2019-07-27
    • 1970-01-01
    • 1970-01-01
    • 2023-03-14
    • 2021-11-10
    • 1970-01-01
    • 2017-03-11
    • 1970-01-01
    相关资源
    最近更新 更多