更新外部加载的 FORM 中的 INPUT 值不起作用

Question

这里的总编程新手 - 我对 javascript 了解不多，自大学以来就没有编程（大约 10 年前） - 试图解决我网站上的一个特定问题。

我正在使用 CRM Bitrix24，我在我的网站上放置了此 CRM 的退订表格。 我需要按照从 URL 参数加载 email 的方式设置表单。

我只是通过加载输入并设置input.value = "email from URL"来做到这一点。 我的问题是表单有某种验证，即使在输入字段中填写了文本，表单也会给我错误：字段是必需的。

截图在这里： https://ibb.co/Ns33GVN

外部形式的代码如下所示：

<script data-b24-form="inline/120/8y7xg2" data-skip-moving="true">(function(w,d,u){var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(window,document,'https://cdn.bitrix24.com/b7014957/crm/form/loader_120.js');</script>

我的JS：

function emailPopup(){
var params = new window.URLSearchParams(window.location.search);
var email = params.get('email');

    const emailCollection = document.getElementsByName("email");
    for (let i = 0; i < emailCollection.length; i++) {
      if (emailCollection[i].name == "email") {
          //emailCollection[i].focus();
          emailCollection[i].value = email;
      }
    }
} window.addEventListener('load', function () {
 emailPopup();
})

我试图了解验证是如何完成的，但没有运气。 该字段有 autocomplete = yes，所以一旦提交，下次它不会拍摄错误，但表单会在第一次尝试时提交 email，即使它在点击 SUBMIT 按钮时显示另一个。 它似乎只显示 URL 参数中的 email 地址，但实际上它使用了错误的值，它甚至为空（第一次尝试）或错误（第二次尝试）。

有没有办法强制该字段假装它已被用户修改？ 有任何想法吗？

我试图在 jsfiddle 中设置类似的环境： https://jsfiddle.net/e395wf6m/17/

非常感谢您的任何反馈！

Answer 1

我有一个理论，它似乎是正确的，因为我在你的小提琴中测试过它。

我的理论是验证是通过触发更改事件来完成的，因此您需要触发它。 幸运的是 JavaScript 让我们这样做：

if (emailCollection[i].name == "email") {
      //emailCollection[i].focus();
      emailCollection[i].value = email;

      // to trigger the change event
      emailCollection[i].dispatchEvent((new Event('change'))); 
  }

正如我所说，当我在你的小提琴上测试它时它起作用了，让我知道它是否适合你 =]