无法动态添加功能以在 WordPress 页面的表单上提交按钮

Question

我们 WordPress 网站的登录页面有一个表单，我尝试在其中添加 onclick="if(validate()){ doYourPostRequest(); }" 以及下面不成功的代码。

$form('.ff-btn ff-btn-submit').attr('onClick', 'if(validate()){ doYourPostRequest(); }');

请注意$form: The Javascript (jQuery) DOM object of the Form

下面是我希望看到 onClick 属性的地方，例如 onClick=if(validate()){ doYourPostRequest(); }') 它确实没有添加任何东西让我想知道为什么。

<button type="submit" class="ff-btn ff-btn-submit   ff-btn-lg">Submit</button>

Answer 1

来自 jQuery 文档的 .attr() 方法：

To retrieve and change DOM properties such as the checked, selected, or disabled > state of form elements, use the .prop() method.

更好的是，由于您正在创建事件处理程序，因此您应该考虑完全更改语法以使用 .on() 方法。

假设 $form 如您所述，则如下所示：

$form('.ff-btn ff-btn-submit').on('click', ()=> { 
  if(validate()) { 
     doYourPostRequest(); 
  }
});

或

$form.on('submit', handler);

或快捷方式：

$form.submit(handler);

Unable to dynamically add a function to submit button on a form in the WordPress page