javascript - 提交按钮没有任何作用

Question

我有以下代码:

<button  data-dojo-type="dijit.form.Button" data-dojo-props='baseClass:"styleButton"'
   name="_action_update"
   type="submit"
   label="Save"
>Save</button>

问题是，这似乎不再实际用作提交操作。如果我拿走与dojo相关的东西，它会按预期工作。在将样式应用于按钮而非提交按钮之前，我曾使用过此baseClass方法。我应该如何改变呢？

Answer 1

我认为您需要一个input type="submit"

<input data-dojo-type="dijit.form.Button" data-dojo-props='baseClass:"styleButton"'
  name="_action_update" type="submit" value="Save" />

或者，如果您确实需要 button标记，则应使用类似这种丑陋的外观

<button onclick="document.getElementById('yourFormId').submit()" data-dojo-type="dijit.form.Button" data-dojo-props='baseClass:"styleButton"'
   name="_action_update" label="Save">Save</button>

或者，当然，您可以更优雅地附加事件处理程序，而无需dom level-0崩溃

<button id="formSubmitBtn" data-dojo-type="dijit.form.Button" data-dojo-props='baseClass:"styleButton"'
   name="_action_update" label="Save">Save</button>

document.getElementById("formSubmitBtn").onclick = function() {
    document.getElementById('yourFormId').submit();
};