html - 使用 HTML 链接在 Dart 中提交表单

Question

假设我有一个表格：

<form id = "form1" action = "process.php" method = "post">
...
</form>

现在，使用链接从 JavaScript 提交它看起来像这样：

<a href='javascript:document.forms["form1"].submit()'>Submit</a>

我如何对 Dart-lang 做同样的事情？

Answer 1

我认为您不能href在<a>.

但是，您可以在锚点上添加一个 onClick 处理程序：

import 'dart:html';

main() {
  AnchorElement a = query("#a1");
  a.on.click.add((e){
    FormElement form = query("#form1");
    form.submit();

    // stop event
    e.preventDefault();
    e.stopPropagation();
  });
}

你的锚看起来像：

<a id="a1">Submit</a>

如果您需要保留手形光标（因为在使用无用处后它现在已经消失了href）或其他样式，只需使用 CSS：

a {
    cursor: pointer;
    color: #00f;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

Answer 2

Alexandre Ardhuin 为您提供了一个良好的开端，但您必须使用 a<input type="submit" value="Submit">来允许用户在其移动设备或键盘上使用 enter 键：

<form>
  <input type="submit" value="Submit">
</form>

和飞镖代码：

main() {
  Element form = query("form");
  form.on.submit.add((e){
    // Do your stuff here...

    // Stop event
    e.preventDefault();
    e.stopPropagation();
    return false;
  });
}