时间戳

首页 > 解决方案 > 无法在 WordPress 页面的表单上动态添加提交按钮的功能

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

问题描述

我们 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>

标签： javascriptjqueryformsonclickfrontend

解决方案

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

要检索和更改 DOM 属性，例如表单元素的选中、选择或禁用 > 状态，请使用 .prop() 方法。

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

假设$form正如你所说，是这样的：

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

或者

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

或捷径：

$form.submit(handler);

推荐阅读